/*
Theme Name: Blocksy Chalo Africa
Template: blocksy
Description: Chalo Africa luxury safari redesign
Version: 1.0
Author: Chalo Africa Inc.
*/
/* =============================================================
v86 — GLOBAL DESIGN SYSTEM DEFAULTS
Typography, borders, and component resets that apply to ALL pages.
More-specific page-class rules below override these as needed.
============================================================= */
/* --- Global body font (Montserrat) --- */
body {
font-family: 'Montserrat', sans-serif;
color: #333333;
}
/* --- Global heading fonts (Cormorant Garamond) --- */
h1, h2, h3, h4, h5, h6 {
font-family: 'Cormorant Garamond', Georgia, serif;
color: #2c1810;
}
/* --- Navigation font (Source Sans Pro per design spec) --- */
.ct-header a,
.ct-header nav a,
.header-menu-1 > li > a,
.ct-nav a {
font-family: 'Source Sans Pro', sans-serif;
}
/* --- Global border-radius reset (no rounded corners anywhere) --- */
.wp-block-genesis-blocks-gb-column,
.gb-block-layout-column,
.ct-menu-link,
.wp-element-button:not(.ct-ajax-loader):not([class*="loader"]),
.facetwp-dropdown,
input[type="submit"],
input[type="button"],
input[type="text"],
input[type="email"],
input[type="search"],
textarea,
select {
border-radius: 0 !important;
}
/* --- Newsletter / Subscribe button (gold, not brownish) --- */
.wp-block-search button,
.wp-block-search__button,
.newsletter-form button,
.newsletter-form input[type="submit"],
.footer-newsletter button,
.footer-newsletter input[type="submit"] {
background: #c8a96e !important;
color: #fff !important;
border-radius: 0 !important;
font-family: 'Montserrat', sans-serif !important;
font-weight: 600 !important;
font-size: 13px !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
}
.newsletter-form button:hover,
.footer-newsletter button:hover {
background: #b8954e !important;
}
/* ===== MIGRATED FROM PHP FILES ===== */
/* === homepage-polish.php === */
/* NAVIGATION - larger text + increased gap */
[data-id="menu"] .ct-menu-link {
font-size: 15px !important;
font-weight: 500 !important;
}
[data-id="menu"] .menu {
gap: 10px !important;
}
/* NAV TEXT SHADOW - non-scrolled only */
.ct-header:not(.ct-sticky) [data-id="menu"] .ct-menu-link {
text-shadow: 0 1px 4px rgba(0,0,0,0.5) !important;
}
.ct-header.ct-sticky [data-id="menu"] .ct-menu-link {
text-shadow: none !important;
}
/* START PLANNING - outline on non-scrolled, gold on scrolled */
.ct-header:not(.ct-sticky) #menu-item-45977 > a.ct-menu-link,
.ct-header:not(.ct-sticky) #menu-item-45977 > .ct-menu-link {
background: transparent !important;
border: 1.5px solid #fff !important;
color: #fff !important;
padding: 10px 28px !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 2.5px !important;
text-transform: uppercase !important;
border-radius: 0 !important;
transition: background 0.3s ease, border-color 0.3s ease !important;
}
.ct-header:not(.ct-sticky) #menu-item-45977 > a.ct-menu-link:hover {
background: rgba(255,255,255,0.1) !important;
}
/* Scrolled state - gold button */
.ct-header.ct-sticky #menu-item-45977 > a.ct-menu-link,
.ct-header.ct-sticky #menu-item-45977 > .ct-menu-link {
background: #C8A96E !important;
border: 2px solid #C8A96E !important;
color: #fff !important;
padding: 10px 28px !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 2.5px !important;
text-transform: uppercase !important;
border-radius: 0 !important;
transition: background 0.3s ease, border-color 0.3s ease !important;
}
.ct-header.ct-sticky #menu-item-45977 > a.ct-menu-link:hover {
background: #b89a5a !important;
border-color: #b89a5a !important;
}
/* PAGE BACKGROUND - white everywhere */
:root { --wp-editor-canvas-background: #fff !important; }
body.home, body.home .site, body.home .content-area, body.home .entry-content,
body.home .site-main, body.home article, html {
background-color: #fff !important;
}
/* CENTER ALL CONTENT - column wraps need margin auto */
.entry-content .gb-layout-column-wrap,
.entry-content .gb-layout-columns-4 .gb-layout-column-wrap {
margin-left: auto !important;
margin-right: auto !important;
}
/* TRUST SECTION - calm luxury background + spacing from cards above */
.entry-content > .gb-layout-service-2:nth-child(4) {
background-color: #F7F4EF !important;
margin-top: 60px !important;
}
/* TRUST BOXES - remove border */
.home .gb-layout-columns-3 .gb-block-layout-column {
border: none !important;
}
/* Center all section containers */
.entry-content > .gb-layout-service-2,
.entry-content > .gb-layout-columns-4:not(.border-grey) {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
}
.entry-content > .gb-layout-service-2 > .gb-inside-container,
.entry-content > .gb-layout-columns-4 > .gb-inside-container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
/* FORCE WHITE BACKGROUND - targeted (exclude header) */
html, body, body.home, body.page {
background-color: #ffffff !important;
background: #ffffff !important;
}
main.site-main, article, .entry-content,
main .ct-container-full {
background-color: #ffffff !important;
}
:root {
--wp-editor-canvas-background: #ffffff !important;
}
/* ===== v15 POLISH: Border radius + minor fixes ===== */
/* ZERO BORDER RADIUS - design system requires sharp corners everywhere */
.entry-content .gb-block-layout-column,
.entry-content .wp-block-genesis-blocks-gb-column,
.entry-content img,
.entry-content .wp-block-image img,
.entry-content .gb-block-layout-column img {
border-radius: 0 !important;
}
/* Curated Experiences cards */
.chalo-experiences__grid .chalo-exp-card,
a.chalo-exp-card {
border-radius: 0 !important;
}
/* Expedition cards */
.ec-grid .ec-card,
div.ec-card {
border-radius: 0 !important;
}
/* All buttons in content area */
.wp-block-button__link,
.wp-block-button__link.has-background,
.gb-block-button .wp-block-button__link,
a.wp-block-button__link {
border-radius: 0 !important;
}
/* Hero Begin Your Journey - override inline border-radius */
.gb-container-content .wp-block-buttons .wp-block-button .wp-block-button__link[style] {
border-radius: 0 !important;
}
/* v21 - START PLANNING button fix for inner pages */
body:not(.home) .ct-header:not(.ct-sticky) #menu-item-45977 > a.ct-menu-link,
body:not(.home) .ct-header:not(.ct-sticky) #menu-item-45977 > .ct-menu-link {
background: #C8A96E !important;
border: 2px solid #C8A96E !important;
color: #fff !important;
padding: 10px 28px !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 2.5px !important;
text-transform: uppercase !important;
border-radius: 0 !important;
transition: background 0.3s ease, border-color 0.3s ease !important;
}
body:not(.home) .ct-header:not(.ct-sticky) #menu-item-45977 > a.ct-menu-link:hover,
body:not(.home) .ct-header:not(.ct-sticky) #menu-item-45977 > .ct-menu-link:hover {
background: #b89a5a !important;
border-color: #b89a5a !important;
}
/* v21 - Nav link text shadow removal on inner pages (not needed on white bg) */
body:not(.home) .ct-header:not(.ct-sticky) [data-id="menu"] .ct-menu-link {
text-shadow: none !important;
}
/* ===== GLOBAL FOOTER - all pages ===== */
.custom-footer .footer-col h4,
.custom-footer .footer-newsletter h4 {
font-family: 'Cormorant Garamond', serif !important;
font-size: 24px !important;
font-weight: 400 !important;
font-style: italic !important;
color: #c8a96e !important;
}
.custom-footer .footer-grid,
.custom-footer .footer-col,
.custom-footer .footer-col p,
.custom-footer .footer-col ul,
.custom-footer .footer-col li {
text-align: center !important;
}
.custom-footer .footer-newsletter {
border-top: 1px solid rgba(200,169,110,0.2) !important;
max-width: 1200px !important;
margin-left: auto !important;
margin-right: auto !important;
width: 100% !important;
box-sizing: border-box !important;
}
.custom-footer .footer-bottom {
border-top: 1px solid rgba(200,169,110,0.2) !important;
max-width: 1200px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.custom-footer .footer-social a { color: #c8a96e !important; }
.custom-footer .footer-social svg { stroke: #c8a96e !important; }
.custom-footer .footer-newsletter input[type='email'],
.custom-footer input[type='email'] {
height: 48px !important;
padding: 12px 16px !important;
box-sizing: border-box !important;
}
.custom-footer .footer-newsletter button,
.custom-footer .newsletter-form button {
height: 48px !important;
padding: 12px 24px !important;
box-sizing: border-box !important;
}
/* === listing-page.php === */
/* =============================================
LISTING PAGE — v54 Six-Fix Update
Page: page_id=46296 (Safari Itineraries)
============================================= */
/* === FIX: Hide FacetWP template until AJAX loaded to prevent blog post flash === */
.page-id-46296 .facetwp-template:not(.fwp-ready) {
visibility: hidden !important;
min-height: 400px !important;
}
/* === NAVIGATION — transparent on hero === */
.page-id-46296 header.ct-header:not([data-listing-scrolled]) {
position: absolute !important;
background: transparent !important;
z-index: 100 !important;
width: 100% !important;
}
.page-id-46296 header.ct-header:not([data-listing-scrolled]) .ct-header-inner,
.page-id-46296 header.ct-header:not([data-listing-scrolled]) [data-row] {
background: transparent !important;
}
/* White nav links on hero */
.page-id-46296 header.ct-header:not([data-listing-scrolled]) .ct-header-inner a,
.page-id-46296 header.ct-header:not([data-listing-scrolled]) .ct-header-inner .menu-item > a {
color: #fff !important;
}
/* Ghost/outline START PLANNING button on hero */
.page-id-46296 header.ct-header:not([data-listing-scrolled]) .ct-header-cta a,
.page-id-46296 header.ct-header:not([data-listing-scrolled]) [data-id="button"] a {
background: transparent !important;
border: 1.5px solid rgba(255,255,255,0.8) !important;
color: #fff !important;
}
.page-id-46296 header.ct-header:not([data-listing-scrolled]) .ct-header-cta a:hover,
.page-id-46296 header.ct-header:not([data-listing-scrolled]) [data-id="button"] a:hover {
background: rgba(255,255,255,0.15) !important;
border-color: #fff !important;
}
/* White search icon */
.page-id-46296 header.ct-header:not([data-listing-scrolled]) .ct-header-search svg,
.page-id-46296 header.ct-header:not([data-listing-scrolled]) [data-id="search"] svg {
fill: #fff !important;
color: #fff !important;
}
/* FIX #1: Logo — show default logo with white filter on hero */
.page-id-46296 header.ct-header:not([data-listing-scrolled]) .site-logo-container img.default-logo {
display: inline !important;
filter: none !important; /* v56: preserve golden logo circle */
transition: filter 0.3s ease !important;
}
/* v56: Scrolled navigation — white sticky header */
.page-id-46296 header.ct-header[data-listing-scrolled="true"] {
position: fixed !important;
top: 32px !important; /* below WP admin bar */
background: #fff !important;
box-shadow: 0 2px 10px rgba(0,0,0,0.08) !important;
}
.page-id-46296 header.ct-header[data-listing-scrolled="true"] .ct-menu > li > a,
.page-id-46296 header.ct-header[data-listing-scrolled="true"] .ct-menu > li > a > span {
color: #2c1810 !important;
}
.page-id-46296 header.ct-header[data-listing-scrolled="true"] .site-logo-container img.default-logo {
filter: none !important;
}
.page-id-46296 header.ct-header[data-listing-scrolled="true"] .ct-button {
background: #c8a96e !important;
color: #fff !important;
border-color: #c8a96e !important;
}
/* Scrolled state — solid white nav, normal logo */
.page-id-46296 header.ct-header[data-scrolled] {
background: #fff !important;
}
.page-id-46296 header.ct-header[data-scrolled] .site-logo-container img.default-logo {
display: inline !important;
filter: none !important;
}
/* === HERO SECTION — full-bleed 100vw === */
.page-id-46296 .gb-layout-hero-1 {
min-height: 92vh !important;
width: 100vw !important;
margin-left: calc(-50vw + 50%) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
position: relative !important;
overflow: hidden !important;
background-size: cover !important;
background-position: center !important;
}
.page-id-46296 .gb-layout-hero-1::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.65) 100%);
z-index: 1;
pointer-events: none;
}
.page-id-46296 .gb-layout-hero-1 > * {
position: relative;
z-index: 2;
}
.page-id-46296 .gb-layout-hero-1 h1,
.page-id-46296 .gb-layout-hero-1 .fancy {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-weight: 300 !important;
font-size: 72px !important;
color: #fff !important;
text-align: center !important;
letter-spacing: 0.88px !important;
text-shadow: 0 2px 20px rgba(0,0,0,0.3);
}
.page-id-46296 .gb-layout-hero-1 p {
font-family: 'Montserrat', sans-serif !important;
font-size: 18px !important;
font-weight: 300 !important;
color: rgba(255,255,255,0.9) !important;
text-align: center !important;
letter-spacing: 0.3px !important;
}
/* === CONTENT AREA RESET === */
.page-id-46296 #genesis-content {
padding: 0 !important;
margin: 0 !important;
}
.page-id-46296 .entry-content {
padding: 0 !important;
max-width: 100% !important;
}
.page-id-46296 .ct-container {
max-width: 100% !important;
padding: 0 !important;
}
/* Intro paragraph */
.page-id-46296 .entry-content > p:first-of-type {
font-family: 'Montserrat', sans-serif !important;
font-size: 17px !important;
font-weight: 300 !important;
color: #6b6560 !important;
text-align: center !important;
max-width: 700px !important;
margin: 40px auto 10px !important;
line-height: 1.75 !important;
padding: 0 20px !important;
margin-bottom: 60px !important;
}
/* === SECTION HEADING === */
.page-id-46296 .fwpl-heading {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 36px !important;
font-weight: 400 !important;
color: #2c1810 !important;
text-align: center !important;
margin: 40px auto 30px !important;
}
/* === FIX #4: FILTER SECTION — horizontal layout === */
#safari-filters-wrap {
max-width: 1200px !important;
margin: 0 auto 25px !important;
padding: 40px 60px 0px !important;
background: #faf7f2 !important;
border: 1px solid #e8e0d6 !important;
border-radius: 0 !important;
position: relative !important;
}
/* Filter heading */
#safari-filters-wrap h3,
#safari-filters-wrap .fwpl-heading {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 28px !important;
font-weight: 400 !important;
color: #2c1810 !important;
text-align: center !important;
margin-bottom: 25px !important;
}
/* Gold divider under filter heading */
#safari-filters-wrap h3::after,
#safari-filters-wrap .fwpl-heading::after {
content: '';
display: block;
width: 60px;
height: 1px;
background: #c8a96e;
margin: 12px auto 0;
opacity: 0.6;
}
/* Horizontal filter row — dropdowns in a single line */
#safari-filters-wrap .facetwp-facet.facetwp-type-dropdown {
display: inline-block !important;
width: calc(33.33% - 14px) !important;
margin-right: 20px !important;
margin-bottom: 20px !important;
vertical-align: top !important;
}
#safari-filters-wrap .facetwp-facet.facetwp-type-dropdown:nth-of-type(3n) {
margin-right: 0 !important;
margin-left: 10px !important;
}
/* Slider facets — side by side */
#safari-filters-wrap .facetwp-facet.facetwp-type-slider {
display: inline-block !important;
width: calc(50% - 12px) !important;
margin-right: 20px !important;
margin-bottom: 10px !important;
vertical-align: top !important;
}
#safari-filters-wrap .facetwp-facet.facetwp-type-slider:last-of-type {
margin-right: 0 !important;
margin-left: 10px !important;
}
/* Filter labels (Price Range / Duration) */
#safari-filters-wrap p.font-small,
#safari-filters-wrap h4,
#safari-filters-wrap .facetwp-facet-title,
.page-id-46296 .facetwp-facet h4 {
font-family: 'Montserrat', sans-serif !important;
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: 1.8px !important;
text-transform: uppercase !important;
color: #6b6560 !important;
margin-bottom: 10px !important;
}
/* Filter dropdowns — elegant styling */
.page-id-46296 .facetwp-dropdown {
font-family: 'Montserrat', sans-serif !important;
font-size: 14px !important;
font-weight: 400 !important;
border: 1px solid #e8e0d6 !important;
border-radius: 0 !important;
padding: 12px 16px !important;
background: #fff !important;
color: #6b6560 !important;
width: 100% !important;
appearance: none !important;
-webkit-appearance: none !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23c8a96e' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 14px center !important;
background-size: 12px !important;
transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}
.page-id-46296 .facetwp-dropdown:focus {
border-color: #c8a96e !important;
box-shadow: 0 0 0 3px rgba(200,169,110,0.1) !important;
outline: none !important;
}
.page-id-46296 .facetwp-dropdown:hover {
border-color: #c8a96e !important;
}
/* Slider track and handles */
.page-id-46296 .noUi-target {
background: #e8e0d6 !important;
border: none !important;
border-radius: 0 !important;
height: 4px !important;
box-shadow: none !important;
}
.page-id-46296 .noUi-connect {
background: #c8a96e !important;
}
.page-id-46296 .noUi-handle {
background: #fff !important;
border: 2px solid #c8a96e !important;
border-radius: 50% !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
width: 20px !important;
height: 20px !important;
top: -8px !important;
cursor: pointer !important;
}
.page-id-46296 .noUi-handle::before,
.page-id-46296 .noUi-handle::after {
displa0: none !important;
}
/* Slider value labels */
.page-id-46296 .facetwp-slider-label,
.page-id-46296 .facetwp-slider .facetwp-slider-reset {
font-family: 'Montserrat', sans-serif !important;
font-size: 13px !important;
font-weight: 400 !important;
color: #6b6560 !important;
margin-top: 10px !important;
}
/* === v56 FILTER FIXES === */
/* Fix 1: Dropdown text visibility - increase height, fix font */
.page-id-46296 .facetwp-dropdown {
height: auto !important;
min-height: 44px !important;
line-height: 1.4 !important;
color: #2c1810 !important;
font-family: 'Montserrat', sans-serif !important;
}
/* Fix 2: Price Range + Duration side-by-side */
#safari-filters-wrap .facetwp-facet.facetwp-type-slider {
display: inline-block !important;
width: calc(50% - 15px) !important;
vertical-align: top !important;
margin-right: 10px !important;
}
#safari-filters-wrap .facetwp-facet.facetwp-type-slider:last-of-type {
margin-right: 0 !important;
margin-left: 10px !important;
}
/* === CARD GRID — CLEAN 3-COLUMN === */
.page-id-46296 .fwpl-layout {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 28px !important;
max-width: 1200px !important;
margin: 0 auto !important;
padding: 0 20px !important;
background: transparent !important;
}
/* --- FIX #2: ALL CARDS — luxury styling with separators --- */
.page-id-46296 .fwpl-result {
background: #fff !important;
border: 1px solid #e8e0d6 !important;
border-radius: 0 !important;
overflow: hidden !important;
transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
display: flex !important;
flex-direction: column !important;
}
.page-id-46296 .fwpl-result:hover {
transform: translateY(-4px) !important;
box-shadow: 0 12px 40px rgba(0,0,0,0.1) !important;
border-top: 3px solid #c8a96e !important;
}
/* === CARD IMAGE === */
.page-id-46296 .fwpl-result .fwpl-item.el-6wjejc {
height: 220px !important;
overflow: hidden !important;
position: relative !important;
}
.page-id-46296 .fwpl-result .fwpl-item.el-6wjejc img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
border-radius: 0 !important;
transition: transform 0.5s ease !important;
}
.page-id-46296 .fwpl-result:hover .fwpl-item.el-6wjejc img {
transform: scale(1.05) !important;
}
/* Fix turquoise image link color */
.page-id-46296 .fwpl-result .fwpl-item.el-6wjejc a {
color: inherit !important;
text-decoration: none !important;
display: block !important;
height: 100% !important;
}
/* === CARD TITLE === */
.page-id-46296 .fwpl-result .fwpl-item.el-5jy6q {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: inherit !important;
padding: 20px 25px 12px !important;
margin: 0 !important;
line-height: 1.3 !important;
}
.page-id-46296 .fwpl-result .fwpl-item.el-5jy6q a {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 22px !important;
font-weight: 500 !important;
color: #2c1810 !important;
line-height: 1.3 !important;
text-decoration: none !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
transition: color 0.2s ease !important;
}
.page-id-46296 .fwpl-result .fwpl-item.el-5jy6q a:hover {
color: #c8a96e !important;
}
/* === DESTINATION TEXT ("Exploring...") — separator above === */
.page-id-46296 .fwpl-result .fwpl-item.el-15zqk {
font-family: 'Montserrat', sans-serif !important;
font-size: 11px !important;
font-weight: 500 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
color: #c8a96e !important;
padding: 10px 0 !important;
margin: 0 !important;
border-bottom: 1px solid #e8e0d6 !important;
}
/* === CARD DESCRIPTION (excerpt) === */
.page-id-46296 .fwpl-result .fwpl-item.el-h2y0j5 {
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 14px !important;
font-weight: 300 !important;
line-height: 1.65 !important;
color: #6b6560 !important;
padding: 0 25px 14px !important;
margin: 0 !important;
}
/* === META ITEMS (Duration, Experience, Transport) — separator above === */
.page-id-46296 .fwpl-result .fwpl-item.el-xq3gto {
border-top: none !important;
margin: 0 !important;
padding: 10px 0 3px !important;
}
.page-id-46296 .fwpl-result .fwpl-item.el-xq3gto,
.page-id-46296 .fwpl-result .fwpl-item.el-v7jqrp,
.page-id-46296 .fwpl-result .fwpl-item.el-edstd {
font-family: 'Montserrat', sans-serif !important;
font-size: 12px !important;
font-weight: 400 !important;
color: #6b6560 !important;
padding-left: 25px !important;
padding-right: 25px !important;
padding-bottom: 3px !important;
margin: 0 !important;
line-height: 1.6 !important;
}
.page-id-46296 .fwpl-result .fwpl-item.el-v7jqrp,
.page-id-46296 .fwpl-result .fwpl-item.el-edstd {
padding-top: 3px !important;
margin: 0 !important;
}
/* Gold dashicons */
.page-id-46296 .fwpl-result .fwpl-item .dashicons,
.page-id-46296 .fwpl-result .fwpl-item .dashicons-before::before {
color: #c8a96e !important;
font-size: 14px !important;
margin-right: 5px !important;
vertical-align: middle !important;
}
/* === DIVIDER (hr inside cards) — subtle gold === */
.page-id-46296 .fwpl-result .fwpl-item.el-qaxg1 hr,
.page-id-46296 .fwpl-result hr.wp-block-separator {
display: none !important;
}
/* === ROW PADDING === */
.page-id-46296 .fwpl-result .fwpl-row {
padding-bottom: 20px !important;
}
/* === PAGINATION === */
.page-id-46296 .facetwp-pager {
display: flex !important;
justify-content: center !important;
gap: 8px !important;
padding: 50px 0 40px !important;
max-width: 1200px !important;
margin: 0 auto !important;
}
.page-id-46296 .facetwp-pager .facetwp-page {
font-family: 'Montserrat', sans-serif !important;
font-size: 14px !important;
font-weight: 500 !important;
color: #2c1810 !important;
background: transparent !important;
border: 1px solid #e8e0d6 !important;
border-radius: 0 !important;
padding: 10px 16px !important;
min-width: 42px !important;
text-align: center !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
}
.page-id-46296 .facetwp-pager .facetwp-page:hover {
border-color: #c8a96e !important;
color: #c8a96e !important;
background: rgba(200,169,110,0.05) !important;
}
.page-id-46296 .facetwp-pager .facetwp-page.active {
background: #c8a96e !important;
color: #fff !important;
border-color: #c8a96e !important;
}
/* === FIX #6: CTA SECTION — beige/cream background with dark text === */
body.page-id-46296 #plan-your-safari-cta#plan-your-safari-cta {
background-color: #2c1810 !important;
background-image: url("https://www.chaloafrica.com/wp-content/uploads/2026/03/tribal-pattern-africa.jpg") !important;
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
padding: 100px 40px !important;
text-align: center !important;
margin-top: 60px !important;
position: relative !important;
width: 100vw !important;
margin-left: calc(-50vw + 50%) !important;
}
/* v56: CTA text white on tribal pattern */
body.page-id-46296.page-id-46296 #plan-your-safari-cta#plan-your-safari-cta h2,
body.page-id-46296.page-id-46296 #plan-your-safari-cta#plan-your-safari-cta h3,
body.page-id-46296.page-id-46296 #plan-your-safari-cta#plan-your-safari-cta .pys-inner h2 {
color: #fff !important;
font-family: "Cormorant Garamond", serif !important;
font-size: 42px !important;
font-weight: 300 !important;
}
body.page-id-46296.page-id-46296 #plan-your-safari-cta#plan-your-safari-cta p,
body.page-id-46296.page-id-46296 #plan-your-safari-cta#plan-your-safari-cta .pys-inner p {
color: rgba(255,255,255,0.85) !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 16px !important;
}
body.page-id-46296 #plan-your-safari-cta#plan-your-safari-cta .wp-block-button__link,
body.page-id-46296 #plan-your-safari-cta#plan-your-safari-cta a.gb-button {
background: #c8a96e !important;
color: #fff !important;
border: none !important;
padding: 16px 50px !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
}
body.page-id-46296 #plan-your-safari-cta#plan-your-safari-cta hr {
border: none !important;
height: 1px !important;
background: linear-gradient(90deg, #c8a96e, #c8a96e) !important;
max-width: 80px !important;
margin: 20px auto !important;
}
body.page-id-46296 #plan-your-safari-cta#plan-your-safari-cta h2,
body.page-id-46296 #plan-your-safari-cta#plan-your-safari-cta h3 {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 38px !important;
font-weight: 400 !important;
color: #2c1810 !important;
margin-bottom: 15px !important;
}
body.page-id-46296 #plan-your-safari-cta#plan-your-safari-cta p {
font-family: 'Montserrat', sans-serif !important;
font-size: 16px !important;
font-weight: 300 !important;
color: #6b6560 !important;
max-width: 600px !important;
margin: 0 auto 30px !important;
line-height: 1.7 !important;
}
body.page-id-46296 #plan-your-safari-cta#plan-your-safari-cta a,
#plan-your-safari-cta .gb-button,
#plan-your-safari-cta .wp-block-button__link {
display: inline-block !important;
background: #c8a96e !important;
color: #fff !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
padding: 16px 50px !important;
border: none !important;
border-radius: 0 !important;
text-decoration: none !important;
transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease !important;
}
body.page-id-46296 #plan-your-safari-cta#plan-your-safari-cta a:hover,
#plan-your-safari-cta .gb-button:hover,
#plan-your-safari-cta .wp-block-button__link:hover {
background: #b8954e !important;
transform: translateY(-2px) !important;
box-shadow: 0 8px 25px rgba(200,169,110,0.3) !important;
}
/* === FIX #5: HIDE "Create Your Own Itinerary" section === */
.page-id-46296 #h-create-your-own-itinerary,
.page-id-46296 #h-create-your-own-itinerary ~ .wp-block-image,
.page-id-46296 #h-create-your-own-itinerary ~ p.has-text-align-center {
display: none !important;
}
/* === SIDEBAR — unstick before CTA === */
.page-id-46296 .gb-layout-column-wrap,
.page-id-46296 .gb-layout-column {
position: static !important;
}
/* === GLOBAL OVERRIDES === */
.page-id-46296 .fancy,
.page-id-46296 .font-medium-large {
font-family: 'Cormorant Garamond', Georgia, serif !important;
}
.page-id-46296 .entry-header {
display: none !important;
}
.page-id-46296 * {
border-radius: 0 !important;
}
.page-id-46296 .site-main,
.page-id-46296 .content-area,
.page-id-46296 article {
background: #fff !important;
}
/* === TABLET 1024px === */
@media (max-width: 1024px) {
.page-id-46296 .fwpl-layout {
grid-template-columns: repeat(2, 1fr) !important;
gap: 22px !important;
padding: 0 20px !important;
}
#safari-filters-wrap {
max-width: 100% !important;
margin: 0 20px 40px !important;
padding: 25px 25px 20px !important;
}
/* Stack filters at tablet */
#safari-filters-wrap .facetwp-facet.facetwp-type-dropdown {
width: calc(50% - 10px) !important;
}
#safari-filters-wrap .facetwp-facet.facetwp-type-dropdown:nth-of-type(3n) {
margin-right: 20px !important;
}
#safari-filters-wrap .facetwp-facet.facetwp-type-dropdown:nth-of-type(2n) {
margin-right: 0 !important;
margin-left: 10px !important;
}
}
/* === MOBILE 768px === */
@media (max-width: 768px) {
.page-id-46296 .gb-layout-hero-1 {
min-height: 50vh !important;
}
.page-id-46296 .gb-layout-hero-1 h1,
.page-id-46296 .gb-layout-hero-1 .fancy {
font-size: 48px !important;
}
.page-id-46296 .fwpl-layout {
grid-template-columns: 1fr !important;
gap: 20px !important;
padding: 0 15px !important;
}
.page-id-46296 .fwpl-result .fwpl-item.el-6wjejc {
height: 220px !important;
}
.page-id-46296 .fwpl-result .fwpl-item.el-5jy6q a {
font-size: 20px !important;
}
/* Stack filters vertically on mobile */
#safari-filters-wrap .facetwp-facet.facetwp-type-dropdown,
#safari-filters-wrap .facetwp-facet.facetwp-type-slider {
width: 100% !important;
margin-right: 0 !important;
margin-left: 10px !important;
}
#safari-filters-wrap {
padding: 20px !important;
margin: 0 15px 30px !important;
}
body.page-id-46296 #plan-your-safari-cta#plan-your-safari-cta {
padding: 50px 20px !important;
}
body.page-id-46296 #plan-your-safari-cta#plan-your-safari-cta h2,
body.page-id-46296 #plan-your-safari-cta#plan-your-safari-cta h3 {
font-size: 30px !important;
}
.page-id-46296 .facetwp-pager .facetwp-page {
padding: 8px 12px !important;
font-size: 13px !important;
}
.page-id-46296 header.ct-header:not([data-listing-scrolled]) {
position: absolute !important;
}
/* Card padding adjustments for mobile */
.page-id-46296 .fwpl-result .fwpl-item.el-15zqk {
margin: 0 20px !important;
}
.page-id-46296 .fwpl-result .fwpl-item.el-xq3gto {
margin: 0 20px !important;
}
}
/* === MOBILE 480px === */
@media (max-width: 480px) {
.page-id-46296 .gb-layout-hero-1 {
min-height: 40vh !important;
}
.page-id-46296 .gb-layout-hero-1 h1,
.page-id-46296 .gb-layout-hero-1 .fancy {
font-size: 36px !important;
}
.page-id-46296 .fwpl-result .fwpl-item.el-6wjejc {
height: 180px !important;
}
.page-id-46296 .fwpl-result .fwpl-item.el-5jy6q a {
font-size: 18px !important;
}
.page-id-46296 .fwpl-result .fwpl-item.el-h2y0j5 {
font-size: 13px !important;
}
.page-id-46296 .fwpl-result .fwpl-item.el-5jy6q {
padding: 15px 18px 4px !important;
}
.page-id-46296 .fwpl-result .fwpl-item.el-15zqk,
.page-id-46296 .fwpl-result .fwpl-item.el-h2y0j5 {
padding-left: 18px !important;
padding-right: 18px !important;
}
.page-id-46296 .fwpl-result .fwpl-item.el-xq3gto,
.page-id-46296 .fwpl-result .fwpl-item.el-v7jqrp,
.page-id-46296 .fwpl-result .fwpl-item.el-edstd {
padding-left: 18px !important;
padding-right: 18px !important;
}
.page-id-46296 .fwpl-result .fwpl-item.el-15zqk {
margin: 0 18px !important;
}
.page-id-46296 .fwpl-result .fwpl-item.el-xq3gto {
margin: 0 18px !important;
}
body.page-id-46296 #plan-your-safari-cta#plan-your-safari-cta h2,
body.page-id-46296 #plan-your-safari-cta#plan-your-safari-cta h3 {
font-size: 26px !important;
}
body.page-id-46296 #plan-your-safari-cta#plan-your-safari-cta a,
#plan-your-safari-cta .gb-button,
#plan-your-safari-cta .wp-block-button__link {
padding: 14px 30px !important;
font-size: 13px !important;
}
}
/* =============================================
v57: Filter Section Polish + CTA Overlay Fix
============================================= */
/* v57: 3-column dropdown grid layout */
.page-id-46296 #safari-filters-wrap {
display: grid !important;
grid-template-columns: repeat(5, 1fr) !important;
gap: 10px !important;
align-items: start !important;
padding: 35px 0 25px !important;
}
/* v57: Heading + divider span full width */
.page-id-46296 #safari-filters-wrap > h3,
.page-id-46296 #safari-filters-wrap > .wp-block-heading,
.page-id-46296 #safari-filters-wrap > h2 {
grid-column: 1 / -1 !important;
margin-bottom: 10px !important;
}
/* v57: Each dropdown fills its grid cell */
.page-id-46296 #safari-filters-wrap > .facetwp-facet.facetwp-type-dropdown {
width: 100% !important;
margin-bottom: 0 !important;
}
.page-id-46296 #safari-filters-wrap .facetwp-dropdown {
width: 100% !important;
}
/* v57: Slider row spans full width, tight to dropdowns */
.page-id-46296 #safari-filters-wrap > .slider-row-wrap {
grid-column: 1 / -1 !important;
margin-top: 8px !important;
margin-bottom: 0 !important;
}
/* v57: Tighter slider label spacing */
.page-id-46296 #safari-filters-wrap .slider-row-wrap p {
margin-bottom: 4px !important;
}
/* v57: Slider handle — larger hit target + hover state */
.page-id-46296 .noUi-handle {
width: 18px !important;
height: 18px !important;
border-radius: 3px !important;
cursor: grab !important;
transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
.page-id-46296 .noUi-handle:hover {
transform: scale(1.25) !important;
box-shadow: 0 2px 8px rgba(200, 169, 110, 0.45) !important;
}
.page-id-46296 .noUi-handle:active {
cursor: grabbing !important;
transform: scale(1.15) !important;
}
/* v57b: CTA — remove ALL darkening overlays */
body.page-id-46296 #plan-your-safari-cta#plan-your-safari-cta {
background-color: transparent !important;
background-blend-mode: normal !important;
}
body.page-id-46296 #plan-your-safari-cta#plan-your-safari-cta::before {
display: block !important;
content: "" !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(180deg, rgba(44, 24, 16, 0.45) 0%, rgba(44, 24, 16, 0.25) 50%, rgba(44, 24, 16, 0.45) 100%) !important;
z-index: 0 !important;
}
/* v57b: Hide team photo, HR separator, and "35 years" paragraph */
.page-id-46296 .entry-content > .wp-block-image {
display: none !important;
}
.page-id-46296 .entry-content > hr.wp-block-separator {
display: none !important;
}
.page-id-46296 .entry-content > p.has-text-align-center {
display: none !important;
}
/* v57b: Card border-top + padding */
.page-id-46296 .fwpl-result .fwpl-item.el-15zqk {
border-top: 1px solid #e8e0d6 !important;
padding: 10px 26px !important;
}
/* v57: Mobile responsive — stack dropdowns on small screens */
@media (max-width: 768px) {
.page-id-46296 #safari-filters-wrap {
grid-template-columns: 1fr !important;
}
}
/* v58: Hide original sliders (replaced by custom dropdowns) */
.page-id-46296 #safari-filters-wrap > .slider-row-wrap {
display: none !important;
}
/* v58: Card description — remove line clamp for full text */
.page-id-46296 .fwpl-item.el-h2y0j5 {
-webkit-line-clamp: 2 !important;
max-height: 3em !important;
display: block !important;
}
/* v58: Transport icon — change dashboard to car */
.page-id-46296 .fwpl-item.el-edstd .dashicons-dashboard::before {
content: "\f473" !important;
}
/* v58: Mobile — 2-col at 1024px, 1-col at 768px for 5-col grid */
@media (max-width: 1024px) {
.page-id-46296 #safari-filters-wrap {
grid-template-columns: repeat(3, 1fr) !important;
}
}
/* v59: Safari card price styling */
.page-id-46296 .safari-card-price {
padding: 8px 26px 0 !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 15px !important;
font-weight: 500 !important;
color: #2c1810 !important;
}
.page-id-46296 .safari-card-price .price-label {
font-weight: 300 !important;
font-size: 13px !important;
color: #6b6560 !important;
}
.page-id-46296 .safari-card-price {
font-weight: 400 !important;
color: #6b6560 !important;
font-size: 13px !important;
}
.page-id-46296 .safari-card-price .price-value {
font-family: 'Montserrat', sans-serif !important;
font-size: 13px !important;
font-weight: 400 !important;
color: #6b6560 !important;
}
/* v62b: Exploring destination text 2-line clamp */
.page-id-46296 .fwpl-layout .el-15zqk.fwpl-item {
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
max-height: none !important;
line-height: 1.4 !important;
padding-top: 8px !important;
padding-bottom: 8px !important;
}
/* Fix: equalize filter dropdown spacing */
/* Fix: equalize filter dropdown spacing */
body.page-id-46296 #safari-filters-wrap > .facetwp-facet,
body.page-id-46296 #safari-filters-wrap > div {
margin: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding: 0 !important;
}
/* 2-line clamp for all card text — high specificity */
body.page-id-46296 .fwpl-layout .fwpl-result .el-15zqk.fwpl-item,
body.page-id-46296 .fwpl-layout .fwpl-result .el-v7jqrp.fwpl-item,
body.page-id-46296 .fwpl-layout .fwpl-result .el-edstd.fwpl-item,
body.page-id-46296 .fwpl-layout .fwpl-result .el-h2y0j5.fwpl-item {
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
/* === camps-offers.php === */
/* =============================================================
CAMPS & OFFERS LISTING — v2 Full Redesign
Scoped: body.page-id-46466 / body.page-id-46232
============================================================= */
/* ── Hide Blocksy duplicate entry header ───────────────────── */
body.page-id-46466 .hero-section,
body.page-id-46232 .hero-section {
display: none !important;
}
/* ── Hide spacer block (whitespace below hero) ─────────────── */
body.page-id-46466 .gb-block-spacer,
body.page-id-46232 .gb-block-spacer {
display: none !important;
}
body.page-id-46466 .entry-content > .gb-block-spacer,
body.page-id-46232 .entry-content > .gb-block-spacer {
display: none !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
/* ── NAVIGATION — Transparent (non-scrolled) ────────────────── */
body.page-id-46466 header.ct-header:not([data-scrolled]),
body.page-id-46232 header.ct-header:not([data-scrolled]) {
position: absolute !important;
width: 100% !important;
background: transparent !important;
box-shadow: none !important;
border-bottom: none !important;
}
body.page-id-46466 header.ct-header:not([data-scrolled]) .ct-header-content,
body.page-id-46232 header.ct-header:not([data-scrolled]) .ct-header-content {
background: transparent !important;
}
body.page-id-46466 header.ct-header:not([data-scrolled]) a,
body.page-id-46466 header.ct-header:not([data-scrolled]) .ct-menu > li > a,
body.page-id-46232 header.ct-header:not([data-scrolled]) a,
body.page-id-46232 header.ct-header:not([data-scrolled]) .ct-menu > li > a {
color: #fff !important;
}
body.page-id-46466 header.ct-header:not([data-scrolled]) .site-logo-container img,
body.page-id-46232 header.ct-header:not([data-scrolled]) .site-logo-container img {
filter: none !important;
}
/* START PLANNING ghost button — pre-scroll */
body.page-id-46466 header.ct-header:not([data-scrolled]) .wp-block-button__link,
body.page-id-46232 header.ct-header:not([data-scrolled]) .wp-block-button__link {
background: transparent !important;
border: 1px solid rgba(255,255,255,0.75) !important;
color: #fff !important;
}
/* ── NAVIGATION — Scrolled (white, matches homepage) ──────── */
body.page-id-46466 header.ct-header[data-scrolled],
body.page-id-46232 header.ct-header[data-scrolled] {
position: fixed !important;
top: 0 !important;
width: 100% !important;
background: #fff !important;
box-shadow: 0 2px 20px rgba(0,0,0,0.08) !important;
border-bottom: 1px solid #e8e0d6 !important;
z-index: 9999 !important;
transition: background 0.3s ease, box-shadow 0.3s ease !important;
}
body.page-id-46466 header.ct-header[data-scrolled] .ct-header-content,
body.page-id-46232 header.ct-header[data-scrolled] .ct-header-content {
background: #fff !important;
}
body.page-id-46466 header.ct-header[data-scrolled] a,
body.page-id-46466 header.ct-header[data-scrolled] .ct-menu > li > a,
body.page-id-46232 header.ct-header[data-scrolled] a,
body.page-id-46232 header.ct-header[data-scrolled] .ct-menu > li > a {
color: #2c1810 !important;
}
body.page-id-46466 header.ct-header[data-scrolled] .site-logo-container img,
body.page-id-46232 header.ct-header[data-scrolled] .site-logo-container img {
filter: none !important;
}
/* START PLANNING gold button — scrolled */
body.page-id-46466 header.ct-header[data-scrolled] .wp-block-button__link,
body.page-id-46232 header.ct-header[data-scrolled] .wp-block-button__link {
background: #c8a96e !important;
border: none !important;
color: #fff !important;
}
body.page-id-46466 header.ct-header[data-scrolled] .wp-block-button__link:hover,
body.page-id-46232 header.ct-header[data-scrolled] .wp-block-button__link:hover {
background: #b8954e !important;
}
/* SVG search icon — pre-scroll white, scrolled dark */
body.page-id-46466 header.ct-header:not([data-scrolled]) .ct-header-search svg,
body.page-id-46232 header.ct-header:not([data-scrolled]) .ct-header-search svg {
fill: #fff !important;
stroke: #fff !important;
}
body.page-id-46466 header.ct-header[data-scrolled] .ct-header-search svg,
body.page-id-46232 header.ct-header[data-scrolled] .ct-header-search svg {
fill: #2c1810 !important;
stroke: #2c1810 !important;
}
/* ── HERO ──────────────────────────────────────────────────── */
body.page-id-46466 .gb-layout-hero-1,
body.page-id-46232 .gb-layout-hero-1 {
min-height: 70vh !important;
padding: 0 !important;
position: relative !important;
overflow: hidden !important;
background-color: #2c1810 !important;
width: 100vw !important;
margin-left: calc(-50vw + 50%) !important;
margin-bottom: 0 !important;
}
body.page-id-46466 .gb-layout-hero-1 .gb-container-image-wrap,
body.page-id-46232 .gb-layout-hero-1 .gb-container-image-wrap {
position: absolute !important;
inset: 0 !important;
}
body.page-id-46466 .gb-layout-hero-1 .gb-container-image,
body.page-id-46232 .gb-layout-hero-1 .gb-container-image {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center 40% !important;
opacity: 1 !important;
}
/* Gradient: strong top for nav visibility + bottom fade for title legibility */
body.page-id-46466 .gb-layout-hero-1::after,
body.page-id-46232 .gb-layout-hero-1::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(
180deg,
rgba(0,0,0,0.5) 0%,
rgba(0,0,0,0.1) 35%,
rgba(0,0,0,0.15) 60%,
rgba(44,24,16,0.65) 100%
) !important;
z-index: 1 !important;
pointer-events: none !important;
}
body.page-id-46466 .gb-layout-hero-1 .gb-container-inside,
body.page-id-46232 .gb-layout-hero-1 .gb-container-inside {
position: relative !important;
z-index: 2 !important;
min-height: 70vh !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
padding: 120px 40px 80px !important;
max-width: 100% !important;
}
body.page-id-46466 .gb-layout-hero-1 .gb-container-content,
body.page-id-46232 .gb-layout-hero-1 .gb-container-content {
max-width: 860px !important;
text-align: center !important;
}
/* Hero H1 title */
body.page-id-46466 .gb-layout-hero-1 h1,
body.page-id-46466 .gb-layout-hero-1 h2,
body.page-id-46466 .gb-layout-hero-1 .fancy,
body.page-id-46232 .gb-layout-hero-1 h1,
body.page-id-46232 .gb-layout-hero-1 h2,
body.page-id-46232 .gb-layout-hero-1 .fancy {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 72px !important;
font-weight: 300 !important;
letter-spacing: 1px !important;
line-height: 1.1 !important;
color: #fff !important;
text-align: center !important;
text-shadow: 0 2px 20px rgba(0,0,0,0.35) !important;
margin-bottom: 20px !important;
font-style: normal !important;
}
/* Hero injected title (via JS) */
body.page-id-46466 .camps-hero-title,
body.page-id-46232 .camps-hero-title {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 72px !important;
font-weight: 300 !important;
letter-spacing: 1px !important;
line-height: 1.1 !important;
color: #fff !important;
text-align: center !important;
text-shadow: 0 2px 20px rgba(0,0,0,0.35) !important;
margin: 0 0 16px !important;
display: block !important;
}
body.page-id-46466 .camps-hero-subtitle,
body.page-id-46232 .camps-hero-subtitle {
font-family: 'Montserrat', sans-serif !important;
font-size: 12px !important;
font-weight: 400 !important;
letter-spacing: 3px !important;
text-transform: uppercase !important;
color: rgba(255,255,255,0.8) !important;
text-align: center !important;
display: block !important;
margin: 0 !important;
}
body.page-id-46466 .camps-hero-divider,
body.page-id-46232 .camps-hero-divider {
display: block !important;
width: 60px !important;
height: 1px !important;
background: linear-gradient(90deg, rgba(200,169,110,0.9), rgba(200,169,110,0.9)) !important;
margin: 18px auto !important;
}
/* Hero subtitle / paragraph */
body.page-id-46466 .gb-layout-hero-1 p,
body.page-id-46232 .gb-layout-hero-1 p {
font-family: 'Montserrat', sans-serif !important;
font-size: 13px !important;
font-weight: 400 !important;
letter-spacing: 2.5px !important;
text-transform: uppercase !important;
color: rgba(255,255,255,0.85) !important;
text-align: center !important;
margin-bottom: 0 !important;
}
/* Gold HR divider in hero */
body.page-id-46466 .gb-layout-hero-1 hr,
body.page-id-46232 .gb-layout-hero-1 hr {
border: none !important;
height: 1px !important;
background: linear-gradient(90deg, rgba(200,169,110,0.8), rgba(200,169,110,0.8)) !important;
max-width: 80px !important;
margin: 20px auto !important;
opacity: 1 !important;
}
/* ── ENTRY CONTENT WRAPPER ─────────────────────────────────── */
body.page-id-46466 .entry-content,
body.page-id-46232 .entry-content {
padding: 0 !important;
max-width: 100% !important;
}
/* ── FILTER SECTION ────────────────────────────────────────── */
body.page-id-46466 #safari-filters-wrap,
body.page-id-46232 #safari-filters-wrap {
background: #faf7f2 !important;
padding: 50px 0 40px !important;
width: 100vw !important;
margin-left: calc(-50vw + 50%) !important;
margin-top: 0 !important;
}
body.page-id-46466 #safari-filters-wrap h3,
body.page-id-46232 #safari-filters-wrap h3 {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 36px !important;
font-weight: 400 !important;
color: #2c1810 !important;
text-align: center !important;
margin: 0 auto 30px !important;
max-width: 1400px !important;
padding: 0 60px !important;
letter-spacing: 0.3px !important;
}
/* Filter grid — wider, max 1400px */
body.page-id-46466 .chalo-filter-row,
body.page-id-46232 .chalo-filter-row {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 16px !important;
max-width: 1400px !important;
margin: 0 auto !important;
padding: 0 60px !important;
}
/* Dropdown styling */
body.page-id-46466 .facetwp-dropdown,
body.page-id-46232 .facetwp-dropdown {
font-family: 'Montserrat', sans-serif !important;
font-size: 13px !important;
font-weight: 400 !important;
color: #4a4340 !important;
border: 1px solid #e8e0d6 !important;
border-radius: 0 !important;
padding: 14px 40px 14px 18px !important;
background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23c8a96e' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 16px center !important;
width: 100% !important;
appearance: none !important;
-webkit-appearance: none !important;
cursor: pointer !important;
transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}
body.page-id-46466 .facetwp-dropdown:hover,
body.page-id-46466 .facetwp-dropdown:focus,
body.page-id-46232 .facetwp-dropdown:hover,
body.page-id-46232 .facetwp-dropdown:focus {
border-color: #c8a96e !important;
outline: none !important;
box-shadow: 0 0 0 3px rgba(200,169,110,0.1) !important;
}
/* Facet wrapper (stacked, JS wraps into grid) */
body.page-id-46466 #safari-filters-wrap .facetwp-facet,
body.page-id-46232 #safari-filters-wrap .facetwp-facet {
max-width: 1400px !important;
margin: 0 auto !important;
padding: 0 60px !important;
display: block !important;
}
body.page-id-46466 #safari-filters-wrap .facetwp-type-dropdown,
body.page-id-46232 #safari-filters-wrap .facetwp-type-dropdown {
max-width: 1400px !important;
padding: 0 60px !important;
margin: 0 auto 8px !important;
}
/* ── CARD GRID ─────────────────────────────────────────────── */
body.page-id-46466 .facetwp-template,
body.page-id-46232 .facetwp-template {
max-width: 1400px !important;
margin: 60px auto 0 !important;
padding: 0 60px !important;
}
body.page-id-46466 .fwpl-layout,
body.page-id-46232 .fwpl-layout {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 28px !important;
max-width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
body.page-id-46466 .fwpl-result,
body.page-id-46232 .fwpl-result {
background: #fff !important;
border: 1px solid #e8e0d6 !important;
border-radius: 0 !important;
overflow: hidden !important;
transition: box-shadow 0.3s ease, transform 0.25s ease, border-color 0.2s ease !important;
display: flex !important;
flex-direction: column !important;
}
body.page-id-46466 .fwpl-result:hover,
body.page-id-46232 .fwpl-result:hover {
box-shadow: 0 8px 30px rgba(44,24,16,0.10) !important;
transform: translateY(-3px) !important;
border-color: #c8a96e !important;
border-top: 3px solid #c8a96e !important;
}
/* Card image container */
body.page-id-46466 .fwpl-result .el-15yc8,
body.page-id-46232 .fwpl-result .el-cd8lsh,
body.page-id-46232 .fwpl-result .fwpl-item:first-child {
position: relative !important;
overflow: hidden !important;
height: 240px !important;
flex-shrink: 0 !important;
}
body.page-id-46466 .fwpl-result .el-15yc8 a,
body.page-id-46232 .fwpl-result .el-cd8lsh a {
display: block !important;
height: 100% !important;
}
body.page-id-46466 .fwpl-result .el-15yc8 img,
body.page-id-46232 .fwpl-result .el-cd8lsh img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
transition: transform 0.5s ease !important;
display: block !important;
}
body.page-id-46466 .fwpl-result:hover .el-15yc8 img,
body.page-id-46232 .fwpl-result:hover .el-cd8lsh img {
transform: scale(1.05) !important;
}
/* Card body */
body.page-id-46466 .fwpl-result .fwpl-col,
body.page-id-46232 .fwpl-result .fwpl-col {
display: flex !important;
flex-direction: column !important;
}
body.page-id-46466 .fwpl-result .fwpl-row,
body.page-id-46232 .fwpl-result .fwpl-row {
flex: 1 !important;
}
/* Card title */
body.page-id-46466 .fwpl-result .el-js0zc,
body.page-id-46232 .fwpl-result .el-js0zc,
body.page-id-46232 .fwpl-result .el-x6vpm {
padding: 18px 22px 6px !important;
text-align: left !important;
margin: 0 !important;
}
body.page-id-46466 .fwpl-result .el-js0zc a,
body.page-id-46232 .fwpl-result .el-js0zc a,
body.page-id-46232 .fwpl-result .el-x6vpm a {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 20px !important;
font-weight: 500 !important;
color: #2c1810 !important;
line-height: 1.3 !important;
text-decoration: none !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
transition: color 0.2s ease !important;
}
body.page-id-46466 .fwpl-result:hover .el-js0zc a,
body.page-id-46232 .fwpl-result:hover .el-js0zc a,
body.page-id-46232 .fwpl-result:hover .el-x6vpm a {
color: #c8a96e !important;
}
/* Location meta strip — injected by JS */
body.page-id-46466 .camp-location-meta,
body.page-id-46232 .camp-location-meta {
display: flex !important;
align-items: center !important;
gap: 14px !important;
padding: 10px 22px !important;
flex-wrap: wrap !important;
}
body.page-id-46466 .camp-location-meta .camp-meta-item,
body.page-id-46232 .camp-location-meta .camp-meta-item {
display: flex !important;
align-items: center !important;
gap: 5px !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 11px !important;
font-weight: 500 !important;
color: #6b6560 !important;
letter-spacing: 0.2px !important;
}
body.page-id-46466 .camp-location-meta svg,
body.page-id-46232 .camp-location-meta svg {
flex-shrink: 0 !important;
}
/* Price — gold */
body.page-id-46466 .fwpl-result .el-h1jien,
body.page-id-46232 .fwpl-result .el-h1jien {
font-family: 'Montserrat', sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
color: #c8a96e !important;
padding: 4px 22px !important;
text-align: left !important;
}
/* Price unit */
body.page-id-46466 .fwpl-result .el-hdb8gm,
body.page-id-46232 .fwpl-result .el-hdb8gm {
font-family: 'Montserrat', sans-serif !important;
font-size: 11px !important;
font-weight: 400 !important;
color: #6b6560 !important;
padding: 0 22px 8px !important;
text-align: left !important;
}
/* Accommodation type tag */
body.page-id-46466 .fwpl-result .el-fsc1r9,
body.page-id-46232 .fwpl-result .el-fsc1r9,
body.page-id-46232 .fwpl-result .el-txeuxc {
font-family: 'Montserrat', sans-serif !important;
font-size: 11px !important;
font-weight: 500 !important;
color: #6b6560 !important;
padding: 0 22px 18px !important;
text-align: left !important;
letter-spacing: 0.3px !important;
}
body.page-id-46466 .fwpl-result .el-fsc1r9 .fwpl-term,
body.page-id-46232 .fwpl-result .el-fsc1r9 .fwpl-term {
display: inline-block !important;
background: #f5efe6 !important;
border: 1px solid #e8e0d6 !important;
color: #4a4340 !important;
padding: 3px 10px !important;
font-size: 10px !important;
font-weight: 500 !important;
letter-spacing: 0.5px !important;
text-transform: uppercase !important;
margin-top: 4px !important;
}
/* Hide bottom HR inside cards */
body.page-id-46466 .fwpl-result .el-blhnt,
body.page-id-46232 .fwpl-result .el-blhnt {
display: none !important;
}
/* Left-align all card items */
body.page-id-46466 .fwpl-result .fwpl-item,
body.page-id-46232 .fwpl-result .fwpl-item {
text-align: left !important;
}
/* No rounded corners */
body.page-id-46466 *,
body.page-id-46232 * {
border-radius: 0 !important;
}
/* Override fancy/Amatic SC font */
body.page-id-46466 .fancy,
body.page-id-46232 .fancy {
font-family: 'Cormorant Garamond', Georgia, serif !important;
}
/* ── PAGINATION — improved ─────────────────────────────────── */
body.page-id-46466 .facetwp-pager,
body.page-id-46232 .facetwp-pager {
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 4px !important;
padding: 60px 0 40px !important;
max-width: 1400px !important;
margin: 0 auto !important;
}
body.page-id-46466 .facetwp-pager .facetwp-page,
body.page-id-46232 .facetwp-pager .facetwp-page {
font-family: 'Montserrat', sans-serif !important;
font-size: 13px !important;
font-weight: 500 !important;
color: #4a4340 !important;
padding: 10px 16px !important;
border: 1px solid #e8e0d6 !important;
background: #fff !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
text-decoration: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 42px !important;
letter-spacing: 0.3px !important;
}
body.page-id-46466 .facetwp-pager .facetwp-page:hover,
body.page-id-46232 .facetwp-pager .facetwp-page:hover {
border-color: #c8a96e !important;
color: #c8a96e !important;
background: #faf7f2 !important;
}
body.page-id-46466 .facetwp-pager .facetwp-page.active,
body.page-id-46232 .facetwp-pager .facetwp-page.active {
background: #c8a96e !important;
color: #fff !important;
border-color: #c8a96e !important;
}
/* Prev/next arrows */
body.page-id-46466 .facetwp-pager .facetwp-page.prev,
body.page-id-46466 .facetwp-pager .facetwp-page.next,
body.page-id-46232 .facetwp-pager .facetwp-page.prev,
body.page-id-46232 .facetwp-pager .facetwp-page.next {
padding: 10px 18px !important;
font-size: 11px !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
border-color: #c8a96e !important;
color: #c8a96e !important;
}
body.page-id-46466 .facetwp-pager .facetwp-page.prev:hover,
body.page-id-46466 .facetwp-pager .facetwp-page.next:hover,
body.page-id-46232 .facetwp-pager .facetwp-page.prev:hover,
body.page-id-46232 .facetwp-pager .facetwp-page.next:hover {
background: #c8a96e !important;
color: #fff !important;
}
/* Pager page count label */
body.page-id-46466 .camps-pager-info,
body.page-id-46232 .camps-pager-info {
font-family: 'Montserrat', sans-serif !important;
font-size: 12px !important;
font-weight: 400 !important;
color: #6b6560 !important;
text-align: center !important;
padding-bottom: 20px !important;
max-width: 1400px !important;
margin: -40px auto 0 !important;
}
/* ── SECTION HR DIVIDERS ───────────────────────────────────── */
body.page-id-46466 .entry-content > hr,
body.page-id-46466 .entry-content .wp-block-separator,
body.page-id-46232 .entry-content > hr,
body.page-id-46232 .entry-content .wp-block-separator {
border: none !important;
height: 1px !important;
background: linear-gradient(90deg, #c8a96e, #c8a96e) !important;
max-width: 80px !important;
margin: 60px auto !important;
opacity: 0.6 !important;
}
/* ── CHALO DIFFERENCE SECTION ──────────────────────────────── */
body.page-id-46466 .camps-chalo-diff,
body.page-id-46232 .camps-chalo-diff {
background: #faf7f2 !important;
padding: 80px 60px !important;
width: 100vw !important;
margin-left: calc(-50vw + 50%) !important;
text-align: center !important;
}
body.page-id-46466 .camps-chalo-diff h2,
body.page-id-46232 .camps-chalo-diff h2 {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 48px !important;
font-weight: 400 !important;
color: #2c1810 !important;
margin-bottom: 10px !important;
letter-spacing: 0.3px !important;
}
body.page-id-46466 .camps-chalo-diff .camps-diff-hr,
body.page-id-46232 .camps-chalo-diff .camps-diff-hr {
display: block !important;
width: 60px !important;
height: 1px !important;
background: linear-gradient(90deg, #c8a96e, #c8a96e) !important;
margin: 20px auto 50px !important;
border: none !important;
}
body.page-id-46466 .camps-diff-grid,
body.page-id-46232 .camps-diff-grid {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 40px !important;
max-width: 1200px !important;
margin: 0 auto !important;
}
body.page-id-46466 .camps-diff-item,
body.page-id-46232 .camps-diff-item {
text-align: center !important;
}
body.page-id-46466 .camps-diff-icon,
body.page-id-46232 .camps-diff-icon {
width: 50px !important;
height: 50px !important;
background: #fff !important;
border: 1px solid #e8e0d6 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 auto 20px !important;
}
body.page-id-46466 .camps-diff-item h4,
body.page-id-46232 .camps-diff-item h4 {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 20px !important;
font-weight: 500 !important;
color: #2c1810 !important;
margin-bottom: 10px !important;
}
body.page-id-46466 .camps-diff-item p,
body.page-id-46232 .camps-diff-item p {
font-family: 'Montserrat', sans-serif !important;
font-size: 13px !important;
font-weight: 300 !important;
color: #6b6560 !important;
line-height: 1.7 !important;
margin: 0 !important;
}
/* ── CAN'T FIND SECTION ────────────────────────────────────── */
body.page-id-46466 .camps-cantfind,
body.page-id-46232 .camps-cantfind {
background: linear-gradient(135deg, #2c1810 0%, #4a3020 50%, #2c1810 100%) !important;
padding: 80px 40px !important;
width: 100vw !important;
margin-left: calc(-50vw + 50%) !important;
text-align: center !important;
}
body.page-id-46466 .camps-cantfind h3,
body.page-id-46232 .camps-cantfind h3 {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 42px !important;
font-weight: 300 !important;
color: #fff !important;
margin-bottom: 16px !important;
letter-spacing: 0.3px !important;
}
body.page-id-46466 .camps-cantfind p,
body.page-id-46232 .camps-cantfind p {
font-family: 'Montserrat', sans-serif !important;
font-size: 15px !important;
font-weight: 300 !important;
color: rgba(255,255,255,0.85) !important;
max-width: 560px !important;
margin: 0 auto 32px !important;
line-height: 1.7 !important;
}
body.page-id-46466 .camps-cantfind .camps-cta-btn,
body.page-id-46232 .camps-cantfind .camps-cta-btn {
display: inline-block !important;
background: #c8a96e !important;
color: #fff !important;
border: none !important;
padding: 16px 48px !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 13px !important;
font-weight: 600 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
text-decoration: none !important;
transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
margin: 0 10px !important;
}
body.page-id-46466 .camps-cantfind .camps-cta-btn:hover,
body.page-id-46232 .camps-cantfind .camps-cta-btn:hover {
background: #b8954e !important;
transform: translateY(-2px) !important;
box-shadow: 0 8px 25px rgba(200,169,110,0.3) !important;
}
body.page-id-46466 .camps-cantfind .camps-cta-btn.outline,
body.page-id-46232 .camps-cantfind .camps-cta-btn.outline {
background: transparent !important;
border: 1px solid rgba(255,255,255,0.6) !important;
color: #fff !important;
}
body.page-id-46466 .camps-cantfind .camps-cta-btn.outline:hover,
body.page-id-46232 .camps-cantfind .camps-cta-btn.outline:hover {
background: rgba(255,255,255,0.1) !important;
border-color: #fff !important;
box-shadow: none !important;
}
body.page-id-46466 .camps-cantfind .camps-cantfind-hr,
body.page-id-46232 .camps-cantfind .camps-cantfind-hr {
display: block !important;
width: 60px !important;
height: 1px !important;
background: linear-gradient(90deg, rgba(200,169,110,0.7), rgba(200,169,110,0.7)) !important;
margin: 0 auto 28px !important;
border: none !important;
}
/* ── Hide legacy CTA blocks ────────────────────────────────── */
body.page-id-46466 #plan-your-safari-cta,
body.page-id-46232 #plan-your-safari-cta,
body.page-id-46466 .gb-container:last-of-type,
body.page-id-46232 .gb-container:last-of-type {
display: none !important;
}
body.page-id-46466 .entry-content .wp-block-image,
body.page-id-46232 .entry-content .wp-block-image {
display: none !important;
}
body.page-id-46466 .entry-content h3.fancy,
body.page-id-46232 .entry-content h3.fancy {
display: none !important;
}
body.page-id-46466 .entry-content > p,
body.page-id-46232 .entry-content > p {
display: none !important;
}
body.page-id-46466 .entry-content > hr,
body.page-id-46466 .entry-content > .wp-block-separator,
body.page-id-46232 .entry-content > hr,
body.page-id-46232 .entry-content > .wp-block-separator {
display: none !important;
}
/* ── RESPONSIVE ────────────────────────────────────────────── */
@media (max-width: 1200px) {
body.page-id-46466 .chalo-filter-row,
body.page-id-46232 .chalo-filter-row {
grid-template-columns: repeat(2, 1fr) !important;
padding: 0 40px !important;
}
body.page-id-46466 .facetwp-template,
body.page-id-46232 .facetwp-template {
padding: 0 40px !important;
}
body.page-id-46466 .gb-layout-hero-1 h1,
body.page-id-46466 .camps-hero-title,
body.page-id-46232 .gb-layout-hero-1 h1,
body.page-id-46232 .camps-hero-title {
font-size: 58px !important;
}
body.page-id-46466 .camps-diff-grid,
body.page-id-46232 .camps-diff-grid {
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media (max-width: 900px) {
body.page-id-46466 .fwpl-layout,
body.page-id-46232 .fwpl-layout {
grid-template-columns: repeat(2, 1fr) !important;
gap: 20px !important;
}
}
@media (max-width: 768px) {
body.page-id-46466 .gb-layout-hero-1,
body.page-id-46232 .gb-layout-hero-1 {
min-height: 55vh !important;
}
body.page-id-46466 .gb-layout-hero-1 .gb-container-inside,
body.page-id-46232 .gb-layout-hero-1 .gb-container-inside {
min-height: 55vh !important;
padding: 100px 24px 60px !important;
}
body.page-id-46466 .gb-layout-hero-1 h1,
body.page-id-46466 .camps-hero-title,
body.page-id-46232 .gb-layout-hero-1 h1,
body.page-id-46232 .camps-hero-title {
font-size: 42px !important;
}
body.page-id-46466 #safari-filters-wrap,
body.page-id-46232 #safari-filters-wrap {
padding: 36px 0 28px !important;
}
body.page-id-46466 .chalo-filter-row,
body.page-id-46232 .chalo-filter-row {
grid-template-columns: 1fr 1fr !important;
padding: 0 24px !important;
gap: 10px !important;
}
body.page-id-46466 #safari-filters-wrap h3,
body.page-id-46232 #safari-filters-wrap h3 {
font-size: 28px !important;
padding: 0 24px !important;
}
body.page-id-46466 .facetwp-template,
body.page-id-46232 .facetwp-template {
padding: 0 20px !important;
margin-top: 40px !important;
}
body.page-id-46466 .fwpl-layout,
body.page-id-46232 .fwpl-layout {
grid-template-columns: 1fr 1fr !important;
gap: 16px !important;
}
body.page-id-46466 .fwpl-result .el-15yc8,
body.page-id-46232 .fwpl-result .el-cd8lsh {
height: 180px !important;
}
body.page-id-46466 .fwpl-result .el-js0zc a,
body.page-id-46232 .fwpl-result .el-js0zc a {
font-size: 17px !important;
}
body.page-id-46466 .camps-chalo-diff,
body.page-id-46232 .camps-chalo-diff {
padding: 60px 24px !important;
}
body.page-id-46466 .camps-diff-grid,
body.page-id-46232 .camps-diff-grid {
grid-template-columns: 1fr 1fr !important;
gap: 28px !important;
}
}
@media (max-width: 540px) {
body.page-id-46466 .fwpl-layout,
body.page-id-46232 .fwpl-layout {
grid-template-columns: 1fr !important;
gap: 20px !important;
}
body.page-id-46466 .chalo-filter-row,
body.page-id-46232 .chalo-filter-row {
grid-template-columns: 1fr !important;
}
body.page-id-46466 .gb-layout-hero-1 h1,
body.page-id-46466 .camps-hero-title,
body.page-id-46232 .gb-layout-hero-1 h1,
body.page-id-46232 .camps-hero-title {
font-size: 34px !important;
}
body.page-id-46466 .camps-diff-grid,
body.page-id-46232 .camps-diff-grid {
grid-template-columns: 1fr !important;
}
body.page-id-46466 .camps-cantfind .camps-cta-btn,
body.page-id-46232 .camps-cantfind .camps-cta-btn {
display: block !important;
margin: 8px auto !important;
max-width: 280px !important;
}
}
body.page-id-46466 .gb-layout-hero-1,
body.page-id-46232 .gb-layout-hero-1 {
min-height: 70vh !important;
position: relative !important;
overflow: hidden !important;
background: transparent !important;
}
body.page-id-46466 .gb-layout-hero-1 .gb-container-image-wrap,
body.page-id-46232 .gb-layout-hero-1 .gb-container-image-wrap {
position: absolute !important;
top: 0 !important; left: 0 !important;
right: 0 !important; bottom: 0 !important;
z-index: 0 !important;
overflow: hidden !important;
}
body.page-id-46466 .gb-layout-hero-1 .gb-container-image,
body.page-id-46232 .gb-layout-hero-1 .gb-container-image {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
display: block !important;
}
body.page-id-46466 .gb-layout-hero-1::before,
body.page-id-46232 .gb-layout-hero-1::before {
content: "" !important;
position: absolute !important;
top: 0 !important; left: 0 !important;
right: 0 !important; bottom: 0 !important;
background: linear-gradient(180deg, rgba(0,0,0,0.18) 0%, rgba(0,0,0,0.58) 100%) !important;
z-index: 1 !important;
}
body.page-id-46466 .gb-layout-hero-1 .gb-container-inside,
body.page-id-46232 .gb-layout-hero-1 .gb-container-inside {
position: relative !important;
z-index: 2 !important;
}
body.page-id-46466 .gb-layout-hero-1 h1,
body.page-id-46466 .camps-hero-title,
body.page-id-46232 .gb-layout-hero-1 h1,
body.page-id-46232 .camps-hero-title {
color: #fff !important;
text-shadow: 0 2px 20px rgba(0,0,0,0.45) !important;
}
body.page-id-46466 .camps-hero-subtitle,
body.page-id-46232 .camps-hero-subtitle {
color: rgba(255,255,255,0.88) !important;
text-shadow: 0 1px 10px rgba(0,0,0,0.4) !important;
}
body.page-id-46466 .chalo-filter-row .facetwp-facet,
body.page-id-46232 .chalo-filter-row .facetwp-facet {
flex: 1 1 0 !important;
min-width: 0 !important;
}
body.page-id-46466 .chalo-filter-row .facetwp-facet select,
body.page-id-46466 .chalo-filter-row .facetwp-facet .facetwp-dropdown,
body.page-id-46232 .chalo-filter-row .facetwp-facet select,
body.page-id-46232 .chalo-filter-row .facetwp-facet .facetwp-dropdown {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
body.page-id-46466 .fwpl-result .el-js0zc a,
body.page-id-46466 .fwpl-result .el-x6vpm a,
body.page-id-46232 .fwpl-result .el-js0zc a,
body.page-id-46232 .fwpl-result .el-x6vpm a {
font-size: 24px !important;
font-family: "Cormorant Garamond", Georgia, serif !important;
font-weight: 500 !important;
line-height: 1.3 !important;
}
.page-id-46466 .camp-location-meta,
.page-id-46232 .camp-location-meta {
border-top: 1px solid #e8e0d6 !important;
border-bottom: 1px solid #e8e0d6 !important;
margin: 10px 0 !important;
padding: 10px 22px !important;
}
/* Constrain filter section to card grid width */
body.page-id-46466 #safari-filters-wrap,
body.page-id-46232 #safari-filters-wrap {
max-width: 1200px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 0 !important;
padding-right: 0 !important;
box-sizing: border-box !important;
}
/* Fix select text — enough padding, no clipping */
body.page-id-46466 #safari-filters-wrap .facetwp-facet select,
body.page-id-46232 #safari-filters-wrap .facetwp-facet select {
padding-right: 36px !important;
text-overflow: ellipsis !important;
overflow: hidden !important;
white-space: nowrap !important;
}
/* Image-wrap fills the hero container behind content */
body.page-id-46466 .gb-layout-hero-1 .gb-container-image-wrap,
body.page-id-46232 .gb-layout-hero-1 .gb-container-image-wrap {
position: absolute !important;
top: 0 !important; left: 0 !important;
right: 0 !important; bottom: 0 !important;
z-index: 0 !important;
overflow: hidden !important;
}
/* Gradient overlay lives ON the image-wrap so it's above the image */
body.page-id-46466 .gb-layout-hero-1 .gb-container-image-wrap::after,
body.page-id-46232 .gb-layout-hero-1 .gb-container-image-wrap::after {
content: "" !important;
position: absolute !important;
top: 0 !important; left: 0 !important;
right: 0 !important; bottom: 0 !important;
background: linear-gradient(180deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.62) 100%) !important;
z-index: 1 !important;
}
/* Content div sits above image-wrap and gradient */
body.page-id-46466 .gb-layout-hero-1 .gb-container-content,
body.page-id-46232 .gb-layout-hero-1 .gb-container-content {
position: relative !important;
z-index: 2 !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
min-height: 70vh !important;
padding: 120px 40px 60px !important;
}
/* Hero container itself */
body.page-id-46466 .gb-layout-hero-1,
body.page-id-46232 .gb-layout-hero-1 {
min-height: 70vh !important;
position: relative !important;
overflow: hidden !important;
background: #2c1810 !important;
}
/* Inner container must be full height too */
body.page-id-46466 .gb-layout-hero-1 .gb-container-inside,
body.page-id-46232 .gb-layout-hero-1 .gb-container-inside {
min-height: 70vh !important;
position: relative !important;
z-index: 1 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
/* Remove old ::before gradient from hero root (it was at wrong z level) */
body.page-id-46466 .gb-layout-hero-1::before,
body.page-id-46232 .gb-layout-hero-1::before {
display: none !important;
}
/* Hero image fills its wrapper */
body.page-id-46466 .gb-layout-hero-1 .gb-container-image-wrap img,
body.page-id-46232 .gb-layout-hero-1 .gb-container-image-wrap img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
}
/* H1 + subtitle — white, centered, Cormorant Garamond */
body.page-id-46466 .gb-layout-hero-1 .gb-container-content h1,
body.page-id-46232 .gb-layout-hero-1 .gb-container-content h1 {
color: #ffffff !important;
font-family: "Cormorant Garamond", Georgia, serif !important;
font-size: 72px !important;
font-weight: 300 !important;
letter-spacing: 1px !important;
text-shadow: 0 2px 30px rgba(0,0,0,0.5) !important;
margin-bottom: 16px !important;
}
body.page-id-46466 .gb-layout-hero-1 .gb-container-content p,
body.page-id-46232 .gb-layout-hero-1 .gb-container-content p {
color: rgba(255,255,255,0.85) !important;
font-family: "Montserrat", sans-serif !important;
font-size: 13px !important;
font-weight: 500 !important;
letter-spacing: 3px !important;
text-transform: uppercase !important;
text-shadow: 0 1px 10px rgba(0,0,0,0.4) !important;
}
/* Mobile */
@media (max-width: 768px) {
body.page-id-46466 .gb-layout-hero-1 .gb-container-content h1,
body.page-id-46232 .gb-layout-hero-1 .gb-container-content h1 {
font-size: 40px !important;
}
body.page-id-46466 .gb-layout-hero-1 .gb-container-content,
body.page-id-46232 .gb-layout-hero-1 .gb-container-content {
min-height: 50vh !important;
padding: 80px 20px 40px !important;
}
}
/* ── Filter section matching listing page (46296) ── */
body.page-id-46466 #safari-filters-wrap,
body.page-id-46232 #safari-filters-wrap {
background: #faf7f2 !important;
padding: 45px 60px 35px !important;
max-width: 1200px !important;
margin: 0 auto 40px !important;
box-sizing: border-box !important;
}
/* Filter heading */
body.page-id-46466 #safari-filters-wrap .fwpl-heading,
body.page-id-46232 #safari-filters-wrap .fwpl-heading,
body.page-id-46466 #safari-filters-wrap h3,
body.page-id-46232 #safari-filters-wrap h3 {
font-family: "Cormorant Garamond", Georgia, serif !important;
font-size: 28px !important;
font-weight: 400 !important;
color: #2c1810 !important;
text-align: center !important;
letter-spacing: 0.3px !important;
margin-bottom: 12px !important;
}
/* Gold HR divider under heading */
body.page-id-46466 #safari-filters-wrap hr,
body.page-id-46232 #safari-filters-wrap hr {
border: none !important;
height: 1px !important;
background: linear-gradient(90deg, #c8a96e, #c8a96e) !important;
max-width: 80px !important;
margin: 0 auto 28px !important;
opacity: 0.7 !important;
}
/* Facet labels */
body.page-id-46466 #safari-filters-wrap .facetwp-label,
body.page-id-46466 #safari-filters-wrap label,
body.page-id-46232 #safari-filters-wrap .facetwp-label,
body.page-id-46232 #safari-filters-wrap label {
font-family: "Montserrat", sans-serif !important;
font-size: 11px !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
color: #6b6560 !important;
display: block !important;
margin-bottom: 6px !important;
}
/* Select dropdowns matching listing page */
body.page-id-46466 #safari-filters-wrap .facetwp-facet select,
body.page-id-46466 #safari-filters-wrap .facetwp-dropdown,
body.page-id-46232 #safari-filters-wrap .facetwp-facet select,
body.page-id-46232 #safari-filters-wrap .facetwp-dropdown {
background: #ffffff !important;
border: 1px solid #e8e0d6 !important;
border-radius: 0 !important;
padding: 12px 36px 12px 14px !important;
font-family: "Montserrat", sans-serif !important;
font-size: 14px !important;
font-weight: 400 !important;
color: #4a4340 !important;
appearance: none !important;
-webkit-appearance: none !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23c8a96e' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 14px center !important;
background-size: 12px !important;
cursor: pointer !important;
}
body.page-id-46466 #safari-filters-wrap .facetwp-facet select:focus,
body.page-id-46232 #safari-filters-wrap .facetwp-facet select:focus {
border-color: #c8a96e !important;
box-shadow: 0 0 0 3px rgba(200,169,110,0.12) !important;
outline: none !important;
}
/* 4-column facet grid matching listing page */
body.page-id-46466 #safari-filters-wrap,
body.page-id-46232 #safari-filters-wrap {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 16px !important;
align-items: end !important;
}
body.page-id-46466 #safari-filters-wrap .fwpl-heading,
body.page-id-46466 #safari-filters-wrap h3,
body.page-id-46466 #safari-filters-wrap hr,
body.page-id-46232 #safari-filters-wrap .fwpl-heading,
body.page-id-46232 #safari-filters-wrap h3,
body.page-id-46232 #safari-filters-wrap hr {
grid-column: 1 / -1 !important;
}
/* Transparent nav text color reset */
body.page-id-46466 header.ct-header:not([data-camps-scrolled]) .ct-header-inner,
body.page-id-46232 header.ct-header:not([data-camps-scrolled]) .ct-header-inner {
background: transparent !important;
}
/* Hide the Can't Find section */
.camps-cantfind { display: none !important; }
/* Plan Your Safari CTA matching listing page style */
.camps-plan-cta {
width: 100vw !important;
margin-left: calc(-50vw + 50%) !important;
position: relative !important;
min-height: 380px !important;
background-color: #2c1810 !important;
background-image: url('https://www.chaloafrica.com/wp-content/uploads/2026/03/tribal-pattern-africa.jpg') !important;
background-size: cover !important;
background-position: center !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
padding: 80px 40px !important;
box-sizing: border-box !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.camps-plan-cta::before {
content: "" !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(135deg, rgba(44,24,16,0.72) 0%, rgba(74,48,32,0.60) 50%, rgba(44,24,16,0.72) 100%) !important;
z-index: 0 !important;
}
.camps-plan-cta-inner {
position: relative !important;
z-index: 1 !important;
max-width: 680px !important;
}
.camps-plan-cta h2 {
font-family: "Cormorant Garamond", Georgia, serif !important;
font-size: 42px !important;
font-weight: 300 !important;
color: #ffffff !important;
letter-spacing: 0.5px !important;
margin-bottom: 16px !important;
}
.camps-plan-cta p {
font-family: "Montserrat", sans-serif !important;
font-size: 15px !important;
font-weight: 300 !important;
color: rgba(255,255,255,0.85) !important;
line-height: 1.7 !important;
margin-bottom: 32px !important;
}
.camps-plan-cta a.camps-cta-btn {
display: inline-block !important;
background: #c8a96e !important;
color: #fff !important;
font-family: "Montserrat", sans-serif !important;
font-size: 13px !important;
font-weight: 600 !important;
letter-spacing: 2.5px !important;
text-transform: uppercase !important;
padding: 16px 48px !important;
text-decoration: none !important;
border: none !important;
border-radius: 0 !important;
transition: background 0.2s ease, transform 0.2s ease !important;
}
.camps-plan-cta a.camps-cta-btn:hover {
background: #b8954e !important;
transform: translateY(-2px) !important;
}
@media (max-width: 768px) {
.camps-plan-cta h2 { font-size: 28px !important; }
.camps-plan-cta { min-height: 280px !important; padding: 60px 24px !important; }
}
/* Full-width filter section — no max-width cap */
body.page-id-46466 #safari-filters-wrap,
body.page-id-46232 #safari-filters-wrap {
max-width: 100% !important;
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding: 45px 40px 35px !important;
display: block !important; /* reset the incorrect grid on the wrap */
box-sizing: border-box !important;
}
/* Heading spans full width */
body.page-id-46466 #safari-filters-wrap h3,
body.page-id-46232 #safari-filters-wrap h3 {
width: 100% !important;
text-align: center !important;
margin-bottom: 12px !important;
}
/* Gold HR divider */
body.page-id-46466 #safari-filters-wrap hr,
body.page-id-46232 #safari-filters-wrap hr {
width: 80px !important;
max-width: 80px !important;
margin: 0 auto 24px !important;
display: block !important;
}
/* chalo-filter-row: the actual 4-column grid of facets */
body.page-id-46466 #safari-filters-wrap .chalo-filter-row,
body.page-id-46232 #safari-filters-wrap .chalo-filter-row {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 16px !important;
width: 100% !important;
align-items: end !important;
}
/* Remove rogue padding/max-width from individual facets */
body.page-id-46466 #safari-filters-wrap .facetwp-facet,
body.page-id-46232 #safari-filters-wrap .facetwp-facet {
padding: 0 !important;
max-width: 100% !important;
margin: 0 !important;
width: 100% !important;
display: block !important;
}
body.page-id-46466 #safari-filters-wrap .facetwp-type-dropdown,
body.page-id-46232 #safari-filters-wrap .facetwp-type-dropdown {
padding: 0 !important;
max-width: 100% !important;
margin: 0 !important;
}
/* Selects fill their column fully */
body.page-id-46466 #safari-filters-wrap .facetwp-facet select,
body.page-id-46466 #safari-filters-wrap .facetwp-dropdown,
body.page-id-46232 #safari-filters-wrap .facetwp-facet select,
body.page-id-46232 #safari-filters-wrap .facetwp-dropdown {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
display: block !important;
}
/* Hide the wp-block-spacer after the filter row */
body.page-id-46466 #safari-filters-wrap .wp-block-spacer,
body.page-id-46232 #safari-filters-wrap .wp-block-spacer {
display: none !important;
}
/* ── Exact match to listing page (46296) filter styles ── */
body.page-id-46466 #safari-filters-wrap,
body.page-id-46232 #safari-filters-wrap {
background: #faf7f2 !important;
max-width: 1200px !important;
width: 100% !important;
margin: 0 auto 40px !important;
padding: 50px 60px 40px !important;
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 16px !important;
align-items: end !important;
box-sizing: border-box !important;
}
/* Heading spans all columns — same as listing page */
body.page-id-46466 #safari-filters-wrap h3,
body.page-id-46466 #safari-filters-wrap .wp-block-heading,
body.page-id-46232 #safari-filters-wrap h3,
body.page-id-46232 #safari-filters-wrap .wp-block-heading {
grid-column: 1 / -1 !important;
font-family: "Cormorant Garamond", Georgia, serif !important;
font-size: 28px !important;
font-weight: 400 !important;
color: #2c1810 !important;
text-align: center !important;
margin-bottom: 4px !important;
width: 100% !important;
}
/* .chalo-filter-row becomes transparent to the grid */
body.page-id-46466 #safari-filters-wrap .chalo-filter-row,
body.page-id-46232 #safari-filters-wrap .chalo-filter-row {
display: contents !important;
}
/* Each facet is now a direct grid child — fill column */
body.page-id-46466 #safari-filters-wrap .facetwp-facet,
body.page-id-46232 #safari-filters-wrap .facetwp-facet {
padding: 0 !important;
margin: 0 !important;
max-width: 100% !important;
width: 100% !important;
display: block !important;
}
/* Selects matching listing page exactly */
body.page-id-46466 #safari-filters-wrap select,
body.page-id-46232 #safari-filters-wrap select {
width: 100% !important;
background: #ffffff !important;
border: 1px solid #e8e0d6 !important;
border-radius: 0 !important;
padding: 14px 36px 14px 14px !important;
font-family: "Montserrat", sans-serif !important;
font-size: 14px !important;
color: #4a4340 !important;
box-sizing: border-box !important;
appearance: none !important;
-webkit-appearance: none !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23c8a96e' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 14px center !important;
background-size: 12px !important;
cursor: pointer !important;
}
body.page-id-46466 #safari-filters-wrap select:focus,
body.page-id-46232 #safari-filters-wrap select:focus {
border-color: #c8a96e !important;
box-shadow: 0 0 0 3px rgba(200,169,110,0.12) !important;
outline: none !important;
}
/* Hide spacer and slider row */
body.page-id-46466 #safari-filters-wrap .wp-block-spacer,
body.page-id-46466 #safari-filters-wrap .slider-row-wrap,
body.page-id-46232 #safari-filters-wrap .wp-block-spacer,
body.page-id-46232 #safari-filters-wrap .slider-row-wrap {
display: none !important;
}
@media (max-width: 768px) {
body.page-id-46466 #safari-filters-wrap,
body.page-id-46232 #safari-filters-wrap {
grid-template-columns: 1fr 1fr !important;
padding: 30px 20px 20px !important;
}
body.page-id-46466 #safari-filters-wrap h3,
body.page-id-46232 #safari-filters-wrap h3 { font-size: 22px !important; }
}
/* v81: full viewport-width filter background */
body.page-id-46466 #safari-filters-wrap,
body.page-id-46232 #safari-filters-wrap {
max-width: none !important;
width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
padding-top: 50px !important;
padding-bottom: 40px !important;
padding-left: max(40px, calc(50vw - 560px)) !important;
padding-right: max(40px, calc(50vw - 560px)) !important;
box-sizing: border-box !important;
}
.camp-card-desc {
font-family: 'Montserrat', sans-serif !important;
font-size: 13px !important;
font-weight: 300 !important;
color: #6b6560 !important;
line-height: 1.6 !important;
padding: 4px 22px 10px !important;
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
margin: 0 !important;
}
/* === blog-css.php === */
/* ============================================
BLOG & ARTICLES — Chalo Africa Design System
Archive listing + Single post styles
============================================ */
/* -------------------------------------------
1. BLOG ARCHIVE / LISTING PAGE
------------------------------------------- */
/* Hero banner override */
.blog .ct-page-header-inner,
.category .ct-page-header-inner,
.tag .ct-page-header-inner,
.archive .ct-page-header-inner {
background: linear-gradient(135deg, #2c1810 0%, #4a3020 50%, #2c1810 100%) !important;
padding: 60px 20px !important;
text-align: center;
}
.blog .ct-page-header-inner .page-title,
.category .ct-page-header-inner .page-title,
.tag .ct-page-header-inner .page-title,
.archive .ct-page-header-inner .page-title {
font-family: "Cormorant Garamond", Georgia, serif !important;
font-size: 48px !important;
font-weight: 300 !important;
color: #fff !important;
letter-spacing: 0.5px;
margin: 0;
}
.blog .ct-page-header-inner .ct-breadcrumbs,
.category .ct-page-header-inner .ct-breadcrumbs,
.archive .ct-page-header-inner .ct-breadcrumbs {
color: rgba(255,255,255,0.6);
}
.blog .ct-page-header-inner .ct-breadcrumbs a,
.category .ct-page-header-inner .ct-breadcrumbs a,
.archive .ct-page-header-inner .ct-breadcrumbs a {
color: rgba(255,255,255,0.7);
}
.blog .ct-page-header-inner .ct-breadcrumbs a:hover,
.category .ct-page-header-inner .ct-breadcrumbs a:hover,
.archive .ct-page-header-inner .ct-breadcrumbs a:hover {
color: #c8a96e;
}
/* Entries grid — 2 columns */
.blog .entries,
.category .entries,
.tag .entries,
.archive .entries {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 30px !important;
max-width: 1200px;
margin: 40px auto;
padding: 0 20px;
}
/* Card styling */
.blog article.entry-card,
.category article.entry-card,
.tag article.entry-card,
.archive article.entry-card {
border: 1px solid #e8e0d6 !important;
border-radius: 0 !important;
background: #fff;
overflow: hidden;
transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.blog article.entry-card:hover,
.category article.entry-card:hover,
.tag article.entry-card:hover,
.archive article.entry-card:hover {
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
transform: translateY(-2px);
}
/* Card image */
.blog article.entry-card .ct-media-container,
.category article.entry-card .ct-media-container,
.archive article.entry-card .ct-media-container {
display: block !important;
width: 100%;
height: 240px;
overflow: hidden;
border-radius: 0 !important;
}
.blog article.entry-card .ct-media-container img,
.category article.entry-card .ct-media-container img,
.archive article.entry-card .ct-media-container img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0 !important;
transition: transform 0.5s ease;
}
.blog article.entry-card:hover .ct-media-container img,
.category article.entry-card:hover .ct-media-container img,
.archive article.entry-card:hover .ct-media-container img {
transform: scale(1.05);
}
/* Card content area */
.blog article.entry-card .entry-title,
.category article.entry-card .entry-title,
.archive article.entry-card .entry-title {
font-family: "Cormorant Garamond", Georgia, serif !important;
font-size: 24px !important;
font-weight: 500 !important;
line-height: 1.3 !important;
color: #2c1810 !important;
padding: 20px 24px 8px !important;
margin: 0 !important;
}
.blog article.entry-card .entry-title a,
.category article.entry-card .entry-title a,
.archive article.entry-card .entry-title a {
color: #2c1810 !important;
text-decoration: none !important;
transition: color 0.2s ease;
}
.blog article.entry-card .entry-title a:hover,
.category article.entry-card .entry-title a:hover,
.archive article.entry-card .entry-title a:hover {
color: #c8a96e !important;
}
/* Card excerpt */
.blog article.entry-card .entry-excerpt,
.category article.entry-card .entry-excerpt,
.archive article.entry-card .entry-excerpt {
font-family: "Montserrat", sans-serif !important;
font-size: 15px !important;
font-weight: 300 !important;
line-height: 1.7 !important;
color: #4a4340 !important;
padding: 0 24px 20px !important;
margin: 0 !important;
}
/* Card meta (date, category, tags) */
.blog article.entry-card .entry-meta,
.category article.entry-card .entry-meta,
.archive article.entry-card .entry-meta {
font-family: "Montserrat", sans-serif !important;
font-size: 12px !important;
font-weight: 500 !important;
letter-spacing: 0.5px !important;
text-transform: uppercase !important;
color: #6b6560 !important;
padding: 0 24px !important;
margin: 0 !important;
list-style: none !important;
}
.blog article.entry-card .entry-meta a,
.category article.entry-card .entry-meta a,
.archive article.entry-card .entry-meta a {
color: #c8a96e !important;
text-decoration: none !important;
}
.blog article.entry-card .entry-meta a:hover,
.category article.entry-card .entry-meta a:hover,
.archive article.entry-card .entry-meta a:hover {
color: #b8954e !important;
}
/* Pagination */
.blog nav.pagination,
.category nav.pagination,
.archive nav.pagination {
text-align: center;
margin: 40px 0 60px;
}
.blog nav.pagination .page-numbers,
.category nav.pagination .page-numbers,
.archive nav.pagination .page-numbers {
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 500;
color: #6b6560;
padding: 10px 16px;
border: 1px solid #e8e0d6;
border-radius: 0;
text-decoration: none;
transition: all 0.2s ease;
margin: 0 4px;
display: inline-block;
}
.blog nav.pagination .page-numbers.current,
.blog nav.pagination .page-numbers:hover,
.category nav.pagination .page-numbers.current,
.category nav.pagination .page-numbers:hover,
.archive nav.pagination .page-numbers.current,
.archive nav.pagination .page-numbers:hover {
background: #c8a96e;
color: #fff;
border-color: #c8a96e;
}
/* -------------------------------------------
2. SINGLE BLOG POST
------------------------------------------- */
/* Page header / title area */
.single-post .ct-page-header-inner {
background: linear-gradient(135deg, #2c1810 0%, #4a3020 50%, #2c1810 100%) !important;
padding: 60px 20px 50px !important;
text-align: center;
}
.single-post .ct-page-header-inner .page-title,
.single-post .entry-header .page-title,
.single-post h1.page-title {
font-family: "Cormorant Garamond", Georgia, serif !important;
font-size: 42px !important;
font-weight: 400 !important;
color: #fff !important;
letter-spacing: 0.3px;
max-width: 800px;
margin: 0 auto !important;
line-height: 1.2;
}
/* If title is outside hero (in content area) */
.single-post .ct-container h1.page-title {
font-family: "Cormorant Garamond", Georgia, serif !important;
font-size: 42px !important;
font-weight: 400 !important;
color: #2c1810 !important;
text-align: center;
max-width: 800px;
margin: 40px auto 10px !important;
}
.single-post .ct-page-header-inner .ct-breadcrumbs {
color: rgba(255,255,255,0.6);
}
.single-post .ct-page-header-inner .ct-breadcrumbs a {
color: rgba(255,255,255,0.7);
}
.single-post .ct-page-header-inner .ct-breadcrumbs a:hover {
color: #c8a96e;
}
/* Post meta (date, author, category) */
.single-post .entry-meta,
.single-post .post-meta {
font-family: "Montserrat", sans-serif !important;
font-size: 13px !important;
font-weight: 400 !important;
color: #6b6560 !important;
text-align: center;
margin-bottom: 30px !important;
letter-spacing: 0.3px;
}
.single-post .entry-meta a,
.single-post .post-meta a {
color: #c8a96e !important;
text-decoration: none !important;
}
.single-post .entry-meta a:hover,
.single-post .post-meta a:hover {
color: #b8954e !important;
}
/* Featured image */
.single-post .ct-featured-image,
.single-post .wp-post-image {
width: 100% !important;
max-width: 100% !important;
border-radius: 0 !important;
}
/* Content area — max-width 800px, centered */
.single-post .entry-content,
.single-post article .entry-content,
.single-post .ct-container article {
max-width: 800px !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* Body text */
.single-post .entry-content p {
font-family: "Montserrat", sans-serif !important;
font-size: 17px !important;
font-weight: 300 !important;
line-height: 1.75 !important;
color: #4a4340 !important;
margin-bottom: 1.5em;
}
/* Headings in content */
.single-post .entry-content h2 {
font-family: "Cormorant Garamond", Georgia, serif !important;
font-size: 32px !important;
font-weight: 400 !important;
color: #2c1810 !important;
margin-top: 2em;
margin-bottom: 0.8em;
letter-spacing: 0.3px;
}
.single-post .entry-content h3 {
font-family: "Cormorant Garamond", Georgia, serif !important;
font-size: 24px !important;
font-weight: 500 !important;
color: #2c1810 !important;
margin-top: 1.5em;
margin-bottom: 0.6em;
}
.single-post .entry-content h4 {
font-family: "Montserrat", sans-serif !important;
font-size: 18px !important;
font-weight: 600 !important;
color: #2c1810 !important;
margin-top: 1.5em;
margin-bottom: 0.5em;
}
/* Links in content */
.single-post .entry-content a {
color: #c8a96e !important;
text-decoration: none !important;
border-bottom: 1px solid rgba(200, 169, 110, 0.3);
transition: all 0.2s ease;
}
.single-post .entry-content a:hover {
color: #b8954e !important;
border-bottom-color: #b8954e;
}
/* Images in content */
.single-post .entry-content img {
border-radius: 0 !important;
max-width: 100%;
height: auto;
}
.single-post .entry-content figure {
margin: 2em 0;
}
.single-post .entry-content figcaption {
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
color: #6b6560;
text-align: center;
margin-top: 8px;
font-style: italic;
}
/* Blockquotes */
.single-post .entry-content blockquote {
border-left: 3px solid #c8a96e;
padding: 20px 30px;
margin: 2em 0;
background: #faf7f2;
font-family: "Cormorant Garamond", Georgia, serif;
font-size: 22px;
font-weight: 400;
font-style: italic;
color: #2c1810;
line-height: 1.6;
}
/* Lists in content */
.single-post .entry-content ul,
.single-post .entry-content ol {
font-family: "Montserrat", sans-serif;
font-size: 17px;
font-weight: 300;
line-height: 1.75;
color: #4a4340;
margin-bottom: 1.5em;
padding-left: 24px;
}
/* Category/tag links at bottom */
.single-post .entry-tags,
.single-post .post-tags,
.single-post .cat-links,
.single-post .tags-links {
font-family: "Montserrat", sans-serif !important;
font-size: 13px !important;
font-weight: 500 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
margin: 30px 0 !important;
}
.single-post .entry-tags a,
.single-post .post-tags a,
.single-post .cat-links a,
.single-post .tags-links a {
color: #c8a96e !important;
text-decoration: none !important;
border: 1px solid #e8e0d6;
padding: 4px 12px;
margin: 0 4px 8px 0;
display: inline-block;
transition: all 0.2s ease;
}
.single-post .entry-tags a:hover,
.single-post .post-tags a:hover,
.single-post .cat-links a:hover,
.single-post .tags-links a:hover {
background: #c8a96e;
color: #fff !important;
border-color: #c8a96e;
}
/* Author bio */
.single-post .author-box,
.single-post .ct-author-box {
background: #faf7f2 !important;
border: 1px solid #e8e0d6 !important;
border-radius: 0 !important;
padding: 30px !important;
margin: 40px 0 !important;
max-width: 800px;
}
.single-post .author-box h3,
.single-post .ct-author-box .author-box-title {
font-family: "Cormorant Garamond", Georgia, serif !important;
font-size: 22px !important;
font-weight: 500 !important;
color: #2c1810 !important;
}
.single-post .author-box p,
.single-post .ct-author-box p {
font-family: "Montserrat", sans-serif !important;
font-size: 15px !important;
font-weight: 300 !important;
color: #4a4340 !important;
line-height: 1.7;
}
/* Post navigation (prev/next) */
.single-post .post-navigation,
.single-post .ct-post-nav {
border-top: 1px solid #e8e0d6;
border-bottom: 1px solid #e8e0d6;
padding: 20px 0;
margin: 40px auto;
max-width: 800px;
}
.single-post .post-navigation a,
.single-post .ct-post-nav a {
color: #c8a96e !important;
text-decoration: none !important;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 500;
transition: color 0.2s ease;
}
.single-post .post-navigation a:hover,
.single-post .ct-post-nav a:hover {
color: #b8954e !important;
}
/* Related posts section */
.single-post .ct-related-posts,
.single-post .related-posts {
margin: 60px auto;
max-width: 1200px;
padding: 0 20px;
}
.single-post .ct-related-posts > h2,
.single-post .related-posts > h2,
.single-post .ct-related-posts-label {
font-family: "Cormorant Garamond", Georgia, serif !important;
font-size: 38px !important;
font-weight: 400 !important;
color: #2c1810 !important;
text-align: center;
margin-bottom: 30px;
letter-spacing: 0.3px;
}
/* -------------------------------------------
3. GLOBAL BLOG OVERRIDES
------------------------------------------- */
/* Override any orange/salmon hero backgrounds */
.blog [class*="hero-section"],
.single-post [class*="hero-section"],
.blog .ct-page-header,
.single-post .ct-page-header,
.category .ct-page-header,
.archive .ct-page-header {
background: linear-gradient(135deg, #2c1810 0%, #4a3020 50%, #2c1810 100%) !important;
}
/* Override legacy fonts */
.blog h1, .blog h2, .blog h3,
.single-post h1, .single-post h2, .single-post h3,
.category h1, .category h2, .category h3 {
font-family: "Cormorant Garamond", Georgia, serif !important;
}
/* Override Dancing Script / Amatic SC */
.blog .dancing, .single-post .dancing,
.blog .amatic, .single-post .amatic {
font-family: "Cormorant Garamond", Georgia, serif !important;
}
/* Override any rounded corners */
.blog img, .single-post img,
.blog .entry-card, .single-post article,
.blog .ct-media-container, .single-post .ct-media-container {
border-radius: 0 !important;
}
/* Override turquoise/pink/bright colors */
.blog a, .category a, .tag a {
color: #c8a96e;
}
.blog a:hover, .category a:hover, .tag a:hover {
color: #b8954e;
}
/* HR dividers */
.single-post .entry-content hr {
border: none;
height: 1px;
background: linear-gradient(90deg, #c8a96e, #c8a96e);
max-width: 80px;
margin: 40px auto;
opacity: 0.6;
}
/* -------------------------------------------
4. MOBILE RESPONSIVE
------------------------------------------- */
@media (max-width: 768px) {
/* Archive: single column */
.blog .entries,
.category .entries,
.archive .entries {
grid-template-columns: 1fr !important;
gap: 20px !important;
padding: 0 15px;
}
/* Hero */
.blog .ct-page-header-inner,
.single-post .ct-page-header-inner,
.category .ct-page-header-inner {
padding: 40px 15px !important;
}
.blog .ct-page-header-inner .page-title,
.category .ct-page-header-inner .page-title {
font-size: 32px !important;
}
/* Single post title */
.single-post .ct-page-header-inner .page-title,
.single-post .ct-container h1.page-title {
font-size: 30px !important;
}
/* Single post content */
.single-post .entry-content h2 {
font-size: 26px !important;
}
.single-post .entry-content h3 {
font-size: 20px !important;
}
.single-post .entry-content p,
.single-post .entry-content ul,
.single-post .entry-content ol {
font-size: 16px !important;
}
.single-post .entry-content blockquote {
font-size: 18px;
padding: 15px 20px;
}
/* Card titles */
.blog article.entry-card .entry-title,
.category article.entry-card .entry-title {
font-size: 20px !important;
padding: 15px 18px 6px !important;
}
.blog article.entry-card .entry-excerpt,
.category article.entry-card .entry-excerpt {
padding: 0 18px 15px !important;
font-size: 14px !important;
}
}
@media (max-width: 480px) {
.blog .ct-page-header-inner .page-title,
.category .ct-page-header-inner .page-title {
font-size: 26px !important;
}
.single-post .ct-page-header-inner .page-title,
.single-post .ct-container h1.page-title {
font-size: 26px !important;
}
.blog article.entry-card .ct-media-container {
height: 180px;
}
}
/* === safari-tour-luxury.php === */
/* ========================================================================
Chalo Safari Tour Luxury v72
Scoped to body.single-safari-tours
======================================================================== */
body.single-safari-tours {
font-family: 'Montserrat', sans-serif;
color: #4a4340;
}
/* Force homepage container width on tour pages */
body.single-safari-tours .ct-container {
max-width: 1280px;
}
body.single-safari-tours .entry-content {
max-width: none;
}
/* ------------------------------------------------------------------------
HERO (full-bleed)
------------------------------------------------------------------------ */
body.single-safari-tours .tour-hero-section {
position: relative;
width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
margin-top: -40px;
min-height: 85vh;
height: 85vh;
display: flex;
align-items: center;
justify-content: center;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
}
body.single-safari-tours .tour-hero-overlay {
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.25) 40%, rgba(0,0,0,0.6) 100%);
z-index: 1;
}
body.single-safari-tours .tour-hero-content {
position: relative;
z-index: 2;
text-align: center;
color: #fff;
max-width: 900px;
padding: 0 24px;
}
body.single-safari-tours .tour-section-label {
font-family: 'Montserrat', sans-serif;
font-size: 12px;
font-weight: 500;
letter-spacing: 3px;
text-transform: uppercase;
color: #c8a96e;
margin-bottom: 18px;
display: block;
}
body.single-safari-tours .tour-hero-title {
font-family: 'Cormorant Garamond', Georgia, serif;
font-weight: 300;
font-size: clamp(40px, 6vw, 76px);
line-height: 1.1;
letter-spacing: 0.5px;
color: #fff;
margin: 0 0 18px;
}
body.single-safari-tours .tour-hero-subtitle {
font-family: 'Cormorant Garamond', Georgia, serif;
font-style: italic;
font-weight: 300;
font-size: clamp(18px, 2vw, 24px);
color: rgba(255,255,255,0.92);
margin: 0 0 28px;
}
body.single-safari-tours .tour-breadcrumbs,
body.single-safari-tours .tour-breadcrumbs a {
font-family: 'Montserrat', sans-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: 1.5px;
text-transform: uppercase;
color: rgba(255,255,255,0.85);
text-decoration: none;
}
body.single-safari-tours .tour-breadcrumbs a:hover { color: #c8a96e; }
/* ------------------------------------------------------------------------
2-COLUMN GRID
------------------------------------------------------------------------ */
body.single-safari-tours .tour-luxury-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) 380px;
gap: 60px;
max-width: 1280px;
margin: 80px auto 100px;
padding: 0 24px;
align-items: start;
}
body.single-safari-tours .tour-luxury-main { min-width: 0; }
body.single-safari-tours .tour-luxury-sidebar { min-width: 0; }
body.single-safari-tours .tour-luxury-sidebar-inner {
position: sticky;
top: 110px;
}
/* ------------------------------------------------------------------------
ENQUIRY CARD (sidebar)
------------------------------------------------------------------------ */
body.single-safari-tours .enquiry-card {
background: #fff;
border: 1px solid #e8e0d6;
box-shadow: 0 4px 24px rgba(44, 24, 16, 0.06);
}
body.single-safari-tours .enquiry-card-header {
background: linear-gradient(135deg, #2c1810 0%, #4a3020 50%, #2c1810 100%);
color: #fff;
padding: 32px 30px 28px;
text-align: center;
}
body.single-safari-tours .enquiry-eyebrow {
font-family: 'Montserrat', sans-serif;
font-size: 11px;
font-weight: 500;
letter-spacing: 2.5px;
text-transform: uppercase;
color: #c8a96e;
margin-bottom: 10px;
}
body.single-safari-tours .enquiry-card-title {
font-family: 'Cormorant Garamond', Georgia, serif;
font-weight: 400;
font-size: 28px;
color: #fff;
margin: 0 0 18px;
letter-spacing: 0.3px;
line-height: 1.2;
}
body.single-safari-tours .enquiry-price {
border-top: 1px solid rgba(200, 169, 110, 0.3);
padding-top: 18px;
margin-top: 6px;
}
body.single-safari-tours .enquiry-price-label {
display: block;
font-family: 'Montserrat', sans-serif;
font-size: 11px;
font-weight: 400;
letter-spacing: 2px;
text-transform: uppercase;
color: rgba(255,255,255,0.7);
margin-bottom: 6px;
}
body.single-safari-tours .enquiry-price-value {
display: block;
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 36px;
font-weight: 400;
color: #c8a96e;
line-height: 1.1;
}
body.single-safari-tours .enquiry-price-sub {
display: block;
font-family: 'Montserrat', sans-serif;
font-size: 11px;
font-weight: 300;
letter-spacing: 1px;
color: rgba(255,255,255,0.65);
margin-top: 6px;
text-transform: uppercase;
}
body.single-safari-tours .enquiry-meta-row {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 14px;
padding-top: 14px;
border-top: 1px solid rgba(200, 169, 110, 0.2);
}
body.single-safari-tours .enquiry-meta-label {
font-family: 'Montserrat', sans-serif;
font-size: 11px;
letter-spacing: 1.5px;
text-transform: uppercase;
color: rgba(255,255,255,0.7);
}
body.single-safari-tours .enquiry-meta-value {
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 17px;
color: #fff;
}
body.single-safari-tours .enquiry-card-body {
padding: 28px 30px 24px;
background: #faf7f2;
}
body.single-safari-tours .enquiry-intro {
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 1.65;
color: #6b6560;
margin: 0 0 22px;
text-align: center;
}
/* WPForms inside sidebar */
body.single-safari-tours .enquiry-card-body .wpforms-container {
background: transparent !important;
border: none !important;
padding: 0 !important;
margin: 0 !important;
}
body.single-safari-tours .enquiry-card-body .wpforms-form input[type="text"],
body.single-safari-tours .enquiry-card-body .wpforms-form input[type="email"],
body.single-safari-tours .enquiry-card-body .wpforms-form input[type="tel"],
body.single-safari-tours .enquiry-card-body .wpforms-form input[type="url"],
body.single-safari-tours .enquiry-card-body .wpforms-form input[type="number"],
body.single-safari-tours .enquiry-card-body .wpforms-form input[type="date"],
body.single-safari-tours .enquiry-card-body .wpforms-form select,
body.single-safari-tours .enquiry-card-body .wpforms-form textarea {
background: #fff !important;
border: 1px solid #e8e0d6 !important;
border-radius: 0 !important;
padding: 11px 13px !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 14px !important;
font-weight: 300 !important;
color: #4a4340 !important;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
box-shadow: none !important;
}
body.single-safari-tours .enquiry-card-body .wpforms-form input:focus,
body.single-safari-tours .enquiry-card-body .wpforms-form select:focus,
body.single-safari-tours .enquiry-card-body .wpforms-form textarea:focus {
border-color: #c8a96e !important;
box-shadow: 0 0 0 3px rgba(200, 169, 110, 0.1) !important;
outline: none !important;
}
body.single-safari-tours .enquiry-card-body .wpforms-form label.wpforms-field-label {
font-family: 'Montserrat', sans-serif !important;
font-size: 11px !important;
font-weight: 500 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
color: #6b6560 !important;
margin-bottom: 6px !important;
}
body.single-safari-tours .enquiry-card-body .wpforms-form .wpforms-field {
padding: 0 0 14px !important;
}
body.single-safari-tours .enquiry-card-body .wpforms-form button[type="submit"],
body.single-safari-tours div.wpforms-container-full .wpforms-form button[type="submit"] {
background: #c8a96e !important;
color: #fff !important;
border: none !important;
border-radius: 0 !important;
padding: 15px 30px !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 13px !important;
font-weight: 600 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
width: 100% !important;
cursor: pointer !important;
transition: background 0.25s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
box-shadow: none !important;
}
body.single-safari-tours .enquiry-card-body .wpforms-form button[type="submit"]:hover {
background: #b8954e !important;
transform: translateY(-2px) !important;
box-shadow: 0 8px 20px rgba(200, 169, 110, 0.3) !important;
}
body.single-safari-tours .enquiry-card-footer {
padding: 22px 30px 28px;
background: #faf7f2;
text-align: center;
}
body.single-safari-tours .enquiry-divider {
width: 60px;
height: 1px;
background: linear-gradient(90deg, #c8a96e, #c8a96e);
margin: 0 auto 18px;
}
body.single-safari-tours .enquiry-contact-label {
font-family: 'Montserrat', sans-serif;
font-size: 11px;
font-weight: 400;
letter-spacing: 1.5px;
text-transform: uppercase;
color: #6b6560;
margin-bottom: 8px;
}
body.single-safari-tours .enquiry-contact-phone {
display: block;
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 22px;
color: #2c1810;
text-decoration: none;
margin-bottom: 4px;
}
body.single-safari-tours .enquiry-contact-phone:hover { color: #c8a96e; }
body.single-safari-tours .enquiry-contact-email {
display: block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
color: #c8a96e;
text-decoration: none;
}
body.single-safari-tours .enquiry-contact-email:hover { color: #b8954e; }
/* Trust strip below enquiry card */
body.single-safari-tours .enquiry-trust {
margin-top: 24px;
padding: 22px 24px;
background: #faf7f2;
border: 1px solid #e8e0d6;
}
body.single-safari-tours .enquiry-trust-item {
display: flex;
align-items: center;
gap: 12px;
padding: 8px 0;
}
body.single-safari-tours .enquiry-trust-stars {
color: #c8a96e;
font-size: 14px;
letter-spacing: 1px;
}
body.single-safari-tours .enquiry-trust-icon {
color: #c8a96e;
font-size: 16px;
font-weight: 600;
}
body.single-safari-tours .enquiry-trust-text {
font-family: 'Montserrat', sans-serif;
font-size: 12px;
font-weight: 400;
color: #4a4340;
letter-spacing: 0.3px;
}
/* ------------------------------------------------------------------------
MAIN CONTENT POLISH
------------------------------------------------------------------------ */
body.single-safari-tours .tour-luxury-main h2 {
font-family: 'Cormorant Garamond', Georgia, serif;
font-weight: 400;
font-size: 38px;
color: #2c1810;
margin: 0 0 22px;
letter-spacing: 0.3px;
line-height: 1.2;
}
body.single-safari-tours .tour-luxury-main h3 {
font-family: 'Cormorant Garamond', Georgia, serif;
font-weight: 500;
font-size: 24px;
color: #2c1810;
margin: 0 0 14px;
}
body.single-safari-tours .tour-luxury-main p {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 1.75;
color: #4a4340;
margin: 0 0 18px;
}
body.single-safari-tours .tour-luxury-main a {
color: #c8a96e;
text-decoration: none;
transition: color 0.2s ease;
}
body.single-safari-tours .tour-luxury-main a:hover { color: #b8954e; }
body.single-safari-tours .tour-divider,
body.single-safari-tours .tour-luxury-main hr {
border: none;
height: 1px;
background: linear-gradient(90deg, #c8a96e, #c8a96e);
max-width: 80px;
margin: 36px auto;
opacity: 0.7;
}
/* INFO STRIP */
body.single-safari-tours .tour-info-strip {
display: flex;
justify-content: space-around;
align-items: stretch;
flex-wrap: wrap;
gap: 0;
margin: 30px 0 50px;
padding: 28px 24px;
background: #faf7f2;
border: 1px solid #e8e0d6;
}
body.single-safari-tours .tour-info-item {
flex: 1 1 0;
text-align: center;
padding: 0 24px;
border-right: 1px solid #e8e0d6;
}
body.single-safari-tours .tour-info-item:last-child { border-right: none; }
body.single-safari-tours .tour-info-label {
font-family: 'Montserrat', sans-serif;
font-size: 11px;
font-weight: 500;
letter-spacing: 1.8px;
text-transform: uppercase;
color: #6b6560;
margin-bottom: 8px;
display: block;
}
body.single-safari-tours .tour-info-value {
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 22px;
font-weight: 400;
color: #2c1810;
line-height: 1.2;
}
body.single-safari-tours .tour-info-sub {
font-family: 'Montserrat', sans-serif;
font-size: 11px;
font-weight: 300;
color: #6b6560;
margin-top: 4px;
letter-spacing: 0.3px;
}
/* SECTION SPACING */
body.single-safari-tours .tour-highlights-section,
body.single-safari-tours .tour-itinerary-section,
body.single-safari-tours .tour-accommodation-section,
body.single-safari-tours .tour-map-section,
body.single-safari-tours .tour-calendar-section,
body.single-safari-tours .tour-gallery-section,
body.single-safari-tours .tour-related-section {
margin: 60px 0;
padding: 0;
}
body.single-safari-tours .tour-highlights-section h2,
body.single-safari-tours .tour-itinerary-section h2,
body.single-safari-tours .tour-accommodation-section h2,
body.single-safari-tours .tour-map-section h2,
body.single-safari-tours .tour-calendar-section h2,
body.single-safari-tours .tour-gallery-section h2,
body.single-safari-tours .tour-related-section h2 {
text-align: center;
margin-bottom: 30px;
}
body.single-safari-tours .tour-description {
max-width: 760px;
margin: 0 auto;
text-align: left;
}
/* Hide v1 inline CTA â sidebar replaces it */
body.single-safari-tours .tour-cta-section { display: none !important; }
/* ITINERARY ACCORDION */
body.single-safari-tours .tour-itinerary-section details,
body.single-safari-tours .tour-accordion-item {
border: 1px solid #e8e0d6 !important;
border-radius: 0 !important;
margin-bottom: 12px !important;
background: #fff;
transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
body.single-safari-tours .tour-itinerary-section details:hover,
body.single-safari-tours .tour-accordion-item:hover {
border-color: #c8a96e !important;
box-shadow: 0 2px 12px rgba(44, 24, 16, 0.05);
}
body.single-safari-tours .tour-accordion-summary,
body.single-safari-tours .tour-itinerary-section summary {
background: #faf7f2 !important;
padding: 18px 24px !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 14px !important;
font-weight: 500 !important;
color: #2c1810 !important;
cursor: pointer !important;
list-style: none !important;
border-radius: 0 !important;
border: none !important;
letter-spacing: 0.3px;
}
body.single-safari-tours .tour-accordion-body,
body.single-safari-tours .tour-itinerary-section details > div:not(.tour-accordion-summary) {
padding: 22px 26px !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 15px !important;
font-weight: 300 !important;
line-height: 1.75 !important;
color: #4a4340 !important;
background: #fff !important;
}
/* ACCOMMODATION CARDS */
body.single-safari-tours .tour-acco-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
margin-top: 20px;
}
body.single-safari-tours .tour-acco-card {
border: 1px solid #e8e0d6 !important;
border-radius: 0 !important;
background: #fff;
overflow: hidden;
transition: box-shadow 0.3s ease, transform 0.3s ease, border-color 0.3s ease;
}
body.single-safari-tours .tour-acco-card:hover {
box-shadow: 0 12px 28px rgba(44, 24, 16, 0.10);
transform: translateY(-3px);
border-color: #c8a96e !important;
}
body.single-safari-tours .tour-acco-thumb {
height: 220px;
overflow: hidden;
}
body.single-safari-tours .tour-acco-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
body.single-safari-tours .tour-acco-card:hover .tour-acco-thumb img {
transform: scale(1.05);
}
body.single-safari-tours .tour-acco-info { padding: 22px 24px; }
body.single-safari-tours .tour-acco-info h3,
body.single-safari-tours .tour-acco-info a {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 22px !important;
font-weight: 500 !important;
color: #2c1810 !important;
text-decoration: none !important;
line-height: 1.25 !important;
}
body.single-safari-tours .tour-acco-info a:hover { color: #c8a96e !important; }
body.single-safari-tours .tour-acco-meta {
font-family: 'Montserrat', sans-serif !important;
font-size: 12px !important;
font-weight: 400 !important;
letter-spacing: 1px;
text-transform: uppercase;
color: #6b6560 !important;
margin-top: 8px;
}
/* GALLERY */
body.single-safari-tours .tour-gallery-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
margin-top: 20px;
}
body.single-safari-tours .tour-gallery-item {
overflow: hidden;
position: relative;
aspect-ratio: 4/3;
border-radius: 0;
cursor: pointer;
transition: box-shadow 0.4s ease, transform 0.4s ease;
}
body.single-safari-touks .tour-gallery-item img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s ease;
border-radius: 0;
}
body.single-safari-tours .tour-gallery-item:hover {
transform: translateY(-2px);
box-shadow: 0 12px 30px rgba(0,0,0,0.15);
}
body.single-safari-tours .tour-gallery-item:hover img {
transform: scale(1.06);
}
/* MONTHS / CALENDAR */
body.single-safari-tours .tour-months-grid {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 12px;
margin-top: 20px;
max-width: 760px;
margin-left: auto;
margin-right: auto;
}
body.single-safari-tours .tour-month-cell {
border: 1px solid #e8e0d6;
padding: 16px 8px;
text-align: center;
background: #fff;
transition: border-color 0.2s ease;
}
body.single-safari-tours .tour-month-cell .month-name,
body.single-safari-tours .tour-month-cell strong {
display: block;
font-family: 'Montserrat', sans-serif;
font-size: 11px;
font-weight: 500;
letter-spacing: 1.5px;
text-transform: uppercase;
color: #2c1810;
margin-bottom: 6px;
}
body.single-safari-tours .tour-month-cell .month-status {
display: block;
font-family: 'Montserrat', sans-serif;
font-size: 10px;
letter-spacing: 0.5px;
color: #6b6560;
}
/* Best month styling will also be set via JS for inline overrides */
body.single-safari-tours .tour-month-cell.is-best {
background: #c8a96e;
border-color: #c8a96e;
}
body.single-safari-tours .tour-month-cell.is-best .month-name,
body.single-safari-tours .tour-month-cell.is-best .month-status,
body.single-safari-tours .tour-month-cell.is-best strong { color: #fff; }
body.single-safari-tours .tour-month-cell.is-closed {
background: #f0ebe4;
}
/* MAP */
body.single-safari-tours .tour-map-section iframe,
body.single-safari-tours .tour-map-section .wpgmza_map {
border: 1px solid #e8e0d6;
box-shadow: 0 4px 20px rgba(44,24,16,0.08);
width: 100% !important;
}
/* RELATED TOURS */
body.single-safari-tours .tour-related-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin-top: 20px;
}
body.single-safari-tours .tour-related-grid .tour-acco-card { margin: 0; }
/* ------------------------------------------------------------------------
RESPONSIVE
------------------------------------------------------------------------ */
@media (max-width: 1100px) {
body.single-safari-tours .tour-luxury-grid {
grid-template-columns: 1fr;
gap: 50px;
}
body.single-safari-tours .tour-luxury-sidebar { max-width: 480px; margin: 0 auto; width: 100%; }
body.single-safari-tours .tour-luxury-sidebar-inner { position: static; }
body.single-safari-tours .tour-acco-grid { grid-template-columns: 1fr; }
body.single-safari-tours .tour-related-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
body.single-safari-tours .tour-hero-section {
min-height: 70vh;
height: 70vh;
margin-top: 0;
}
body.single-safari-tours .tour-luxury-grid {
margin: 50px auto 70px;
gap: 40px;
}
body.single-safari-tours .tour-luxury-main h2,
body.single-safari-tours .tour-highlights-section h2,
body.single-safari-tours .tour-itinerary-section h2,
body.single-safari-tours .tour-accommodation-section h2 {
font-size: 30px;
}
body.single-safari-tours .tour-info-strip {
flex-direction: column;
padding: 22px 16px;
}
body.single-safari-tours .tour-info-item {
border-right: none;
border-bottom: 1px solid #e8e0d6;
padding: 16px 8px;
}
body.single-safari-tours .tour-info-item:last-child { border-bottom: none; }
body.single-safari-tours .tour-gallery-grid { grid-template-columns: repeat(2, 1fr); }
body.single-safari-tours .tour-months-grid { grid-template-columns: repeat(4, 1fr); }
body.single-safari-tours .tour-related-grid { grid-template-columns: 1fr; }
body.single-safari-tours .enquiry-card-header { padding: 26px 22px 22px; }
body.single-safari-tours .enquiry-card-body { padding: 22px 22px 18px; }
body.single-safari-tours .enquiry-card-footer { padding: 18px 22px 24px; }
}
@media (max-width: 480px) {
body.single-safari-tours .tour-hero-title { font-size: 36px; }
body.single-safari-tours .tour-hero-subtitle { font-size: 16px; }
body.single-safari-tours .tour-luxury-main h2 { font-size: 26px; }
body.single-safari-tours .tour-months-grid { grid-template-columns: repeat(3, 1fr); }
body.single-safari-tours .tour-gallery-grid { grid-template-columns: 1fr; }
}
/* === accommodation-css.php === */
/* ???????????????????????????????????????????????
ACCOMMODATION DETAIL PAGE � Chalo Africa
Scoped: .chalo-accommodation
??????????????????????????????????????????????? */
/* 1. PAGE LAYOUT */
.chalo-accommodation .entry-header { display: none !important; }
.chalo-accommodation .site-main { padding-top: 100px; }
.chalo-acco-wrap { max-width: 900px; margin: 0 auto; padding: 0 20px; }
/* 2. SECTION LABEL */
.chalo-acco-section-label {
font-family: 'Montserrat', sans-serif;
font-size: 13px; font-weight: 500;
letter-spacing: 2px; text-transform: uppercase;
color: #c8a96e; text-align: center; margin-bottom: 10px;
}
/* 3. TITLE */
.chalo-acco-title {
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 42px; font-weight: 400; color: #2c1810;
line-height: 1.3; text-align: center;
margin-bottom: 15px; padding: 20px 0;
border-top: 1px solid #e8e0d6; border-bottom: 1px solid #e8e0d6;
}
/* 4. SUBTITLE */
.chalo-acco-subtitle {
text-align: center; color: #6b6560;
text-transform: uppercase; font-family: 'Montserrat', sans-serif;
font-size: 14px; font-weight: 400;
letter-spacing: 1px; margin-bottom: 30px;
}
/* 5. FEATURED IMAGE */
.chalo-acco-image { margin-bottom: 30px; text-align: center; }
.chalo-acco-img {
width: 100%; height: auto; border-radius: 0;
box-shadow: 0 4px 20px rgba(44,24,16,0.1);
}
/* 6. INFO STRIP */
.chalo-acco-info-strip {
display: flex; justify-content: center; gap: 40px;
flex-wrap: wrap; text-align: center;
margin: 30px 0; padding: 25px 0;
border-top: 1px solid #e8e0d6; border-bottom: 1px solid #e8e0d6;
}
.chalo-acco-info-item {
display: flex; flex-direction: column; align-items: center; gap: 4px;
}
.chalo-acco-info-item strong {
font-family: 'Montserrat', sans-serif; font-size: 13px;
font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;
color: #2c1810;
}
.chalo-acco-info-item span {
font-family: 'Montserrat', sans-serif; font-size: 14px;
font-weight: 300; color: #6b6560;
}
.chalo-acco-info-item small {
font-size: 12px; color: #999;
}
.chalo-acco-icon {
font-size: 28px !important; color: #c8a96e !important;
width: auto !important; height: auto !important;
}
/* 7. DIVIDER */
.chalo-acco-divider {
border: none; height: 2px; max-width: 80px;
margin: 35px auto; background: linear-gradient(90deg, #c8a96e, #c8a96e);
}
/* 8. SECTION HEADINGS */
.chalo-acco-heading {
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 32px; font-weight: 400; color: #2c1810;
text-align: center; margin: 10px 0 25px;
}
/* 9. CONTENT AREA */
.chalo-acco-content {
font-family: 'Montserrat', sans-serif; font-size: 17px;
font-weight: 300; line-height: 1.75; color: #4a4340;
}
.chalo-acco-content p { margin-bottom: 1em; }
/* 10. OUR THOUGHTS */
.chalo-acco-thoughts {
font-family: 'Montserrat', sans-serif; font-size: 17px;
font-weight: 300; line-height: 1.75; color: #4a4340;
font-style: italic; background: #faf7f2;
padding: 30px; border: 1px solid #e8e0d6;
}
/* 11. ACCORDION */
.chalo-acco-accordion {
margin-bottom: 15px; border: 1px solid #e8e0d6; border-radius: 0 !important;
}
.chalo-acco-accordion summary {
padding: 15px 20px; background: #faf7f2;
cursor: pointer; font-family: 'Montserrat', sans-serif;
font-size: 16px; font-weight: 600; color: #2c1810;
list-style: none; position: relative; padding-right: 40px;
transition: border-color 0.3s;
}
.chalo-acco-accordion summary::-webkit-details-marker { display: none; }
.chalo-acco-accordion summary::after {
content: '\25B6'; position: absolute; right: 20px; top: 50%;
transform: translateY(-50%); color: #c8a96e; font-size: 12px;
transition: transform 0.3s;
}
.chalo-acco-accordion[open] summary::after { transform: translateY(-50%) rotate(90deg); }
.chalo-acco-accordion[open] summary { border-bottom: 2px solid #c8a96e; }
.chalo-acco-accordion-body {
padding: 20px; background: white;
font-family: 'Montserrat', sans-serif; font-size: 15px;
font-weight: 300; line-height: 1.7; color: #4a4340;
}
/* 12. RATES TABLE */
.chalo-acco-rates-table {
width: 100%; border-collapse: collapse;
font-family: 'Montserrat', sans-serif; font-size: 14px;
}
.chalo-acco-rates-table thead tr { border-bottom: 2px solid #c8a96e; }
.chalo-acco-rates-table th {
padding: 10px; text-align: left;
font-weight: 600; color: #2c1810; font-size: 13px;
text-transform: uppercase; letter-spacing: 0.5px;
}
.chalo-acco-rates-table td { padding: 10px; border-bottom: 1px solid #e8e0d6; }
.chalo-acco-rates-note { margin-top: 10px; font-size: 13px; color: #6b6560; }
/* 13. ACTIVITIES/AMENITIES GRID */
.chalo-acco-grid-2 {
display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px;
font-family: 'Montserrat', sans-serif; font-size: 14px;
}
.chalo-item-on { color: #2c1810; font-weight: 500; padding: 6px 0; }
.chalo-item-on::before { content: '\2714 '; color: #c8a96e; margin-right: 6px; }
.chalo-item-off { color: #bbb; text-decoration: line-through; padding: 6px 0; }
/* 14. MAP */
.chalo-acco-map {
height: 400px; margin-bottom: 30px;
box-shadow: 0 2px 10px rgba(44,24,16,0.08);
}
/* 15. GALLERY */
.chalo-acco-gallery {
display: grid; grid-template-columns: repeat(3, 1fr);
gap: 15px; margin-bottom: 30px;
}
.chalo-acco-gallery-item {
margin: 0; overflow: hidden;
}
.chalo-acco-gallery-item img {
width: 100%; height: 200px; object-fit: cover; display: block;
transition: transform 0.4s ease;
}
.chalo-acco-gallery-item:hover img { transform: scale(1.05); }
.chalo-acco-gallery-item figcaption {
padding: 8px; text-align: center;
font-family: 'Montserrat', sans-serif; font-size: 13px;
font-weight: 300; color: #6b6560;
}
/* 16. VIDEO */
.chalo-acco-video {
max-width: 800px; margin: 0 auto 30px;
box-shadow: 0 2px 10px rgba(44,24,16,0.08);
}
.chalo-acco-video iframe { width: 100%; min-height: 400px; }
/* 17. ENQUIRE SECTION */
.chalo-acco-enquire {
background: #2c1810; padding: 40px 30px; margin: 30px -20px;
text-align: center;
}
.chalo-acco-enquire .chalo-acco-heading { color: #c8a96e; }
.chalo-acco-enquire .wpforms-container { max-width: 600px; margin: 0 auto; }
.chalo-acco-enquire .wpforms-field-label { color: #faf7f2 !important; }
.chalo-acco-enquire .wpforms-submit {
background: #c8a96e !important; color: white !important;
border: none !important; padding: 14px 40px !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 14px !important; font-weight: 600 !important;
letter-spacing: 1px !important; text-transform: uppercase !important;
cursor: pointer !important; transition: background 0.3s !important;
}
.chalo-acco-enquire .wpforms-submit:hover { background: #b8954e !important; }
/* 18. RELATED CAMPS */
.chalo-acco-related-grid {
display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 20px; margin-bottom: 30px;
}
.chalo-acco-related-card {
border: 1px solid #e8e0d6; padding: 15px; text-align: center;
transition: box-shadow 0.3s, transform 0.3s;
}
.chalo-acco-related-card:hover { box-shadow: 0 4px 15px rgba(44,24,16,0.1); transform: translateY(-2px); }
.chalo-acco-related-img { width: 100%; height: 120px; object-fit: cover; margin-bottom: 10px; }
.chalo-acco-related-title {
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 18px; font-weight: 500; color: #2c1810;
text-decoration: none; display: block;
}
.chalo-acco-related-title:hover { color: #c8a96e; }
/* 19. VIEW ALL */
.chalo-acco-view-all {
text-align: center; font-family: 'Montserrat', sans-serif;
font-size: 14px; font-weight: 500; letter-spacing: 0.5px;
text-transform: uppercase; color: #c8a96e;
border-top: 1px solid #e8e0d6; padding-top: 20px; margin-top: 30px;
}
/* 20. HIDE BLOCKSY DEFAULTS */
.chalo-accommodation .entry-footer,
.chalo-accommodation .post-meta,
.chalo-accommodation .ct-post-comments { display: none !important; }
/* 21. GLOBAL */
.chalo-accommodation * { border-radius: 0 !important; }
/* 22. MOBILE RESPONSIVE */
@media (max-width: 768px) {
.chalo-accommodation .site-main { padding-top: 80px; }
.chalo-acco-title { font-size: 32px; }
.chalo-acco-heading { font-size: 26px; }
.chalo-acco-info-strip { flex-direction: column; gap: 20px; }
.chalo-acco-gallery { grid-template-columns: repeat(2, 1fr); }
.chalo-acco-related-grid { grid-template-columns: repeat(2, 1fr); }
.chalo-acco-grid-2 { grid-template-columns: 1fr; }
.chalo-acco-thoughts { padding: 20px; }
.chalo-acco-enquire { margin: 30px -10px; padding: 30px 20px; }
}
@media (max-width: 480px) {
.chalo-acco-title { font-size: 26px; }
.chalo-acco-heading { font-size: 22px; }
.chalo-acco-gallery { grid-template-columns: 1fr; }
.chalo-acco-related-grid { grid-template-columns: 1fr; }
.chalo-acco-accordion summary { font-size: 14px; padding: 12px 15px; padding-right: 35px; }
.chalo-acco-rates-table { font-size: 12px; }
.chalo-acco-rates-table th, .chalo-acco-rates-table td { padding: 6px; }
}
/* === global-nav-hero.php === */
/* Solid gold separators site-wide — no gradient */
hr,
.wp-block-separator,
.camps-diff-hr,
.chalo-hr,
.dest-hr {
border: none !important;
height: 1px !important;
background: #c8a96e !important;
background-image: none !important;
max-width: 80px !important;
margin: 20px auto !important;
opacity: 0.8 !important;
display: block !important;
}
/* Full-width separators (wp-block-separator wide style) */
.wp-block-separator.is-style-wide,
.wp-block-separator.alignwide,
.wp-block-separator.alignfull {
max-width: 100% !important;
background: #e8e0d6 !important;
height: 1px !important;
opacity: 1 !important;
}
/* === landing-css.php === */
/* ???????????????????????????????????????????????
LANDING PAGE DETAIL � Chalo Africa
Scoped: .chalo-lp
??????????????????????????????????????????????? */
/* 1. PAGE LAYOUT */
.chalo-lp .entry-header { display: none !important; }
.chalo-lp .site-main { padding-top: 100px; }
.chalo-lp-wrap { max-width: 900px; margin: 0 auto; padding: 0 20px; text-align: center; }
/* 2. SECTION LABEL */
.chalo-lp-section-label {
font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 500;
letter-spacing: 2px; text-transform: uppercase; color: #c8a96e; margin-bottom: 10px;
}
/* 3. TITLE */
.chalo-lp-title {
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 42px; font-weight: 400; color: #2c1810;
line-height: 1.3; margin-bottom: 20px; padding: 20px 0;
border-top: 1px solid #e8e0d6; border-bottom: 1px solid #e8e0d6;
}
/* 4. FEATURED IMAGE */
.chalo-lp-image { margin-bottom: 30px; }
.chalo-lp-img { width: 100%; height: auto; border-radius: 0; box-shadow: 0 4px 20px rgba(44,24,16,0.1); }
/* 5. STARTING PRICE */
.chalo-lp-starting-price {
font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 600;
letter-spacing: 1px; text-transform: uppercase; color: #c8a96e;
border: 1px solid #e8e0d6; padding: 12px; margin-bottom: 20px;
}
/* 6. TOUR SUMMARY */
.chalo-lp-summary {
font-family: 'Montserrat', sans-serif; font-size: 18px;
text-transform: uppercase; letter-spacing: 1px; color: #2c1810; margin-bottom: 10px;
}
/* 7. DIVIDER */
.chalo-lp-divider {
border: none; height: 2px; max-width: 80px;
margin: 30px auto; background: linear-gradient(90deg, #c8a96e, #c8a96e);
}
/* 8. INFO STRIP */
.chalo-lp-info-strip {
display: flex; justify-content: center; gap: 30px; flex-wrap: wrap;
text-align: center; margin: 20px 0;
}
.chalo-lp-info-item {
display: flex; flex-direction: column; align-items: center; gap: 4px; min-width: 140px;
}
.chalo-lp-icon { font-size: 28px !important; color: #c8a96e !important; width: auto !important; height: auto !important; margin-bottom: 8px; }
.chalo-lp-info-label {
font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 500;
letter-spacing: 1px; text-transform: uppercase; color: #c8a96e;
}
.chalo-lp-info-item strong { font-family: 'Montserrat', sans-serif; font-size: 14px; color: #2c1810; }
/* 9. OVERVIEW */
.chalo-lp-overview {
font-family: 'Montserrat', sans-serif; font-size: 17px; font-weight: 300;
line-height: 1.75; color: #4a4340; text-align: left;
}
/* 10. CTA FORM */
.chalo-lp-cta-form { text-align: center; margin: 20px 0; }
.chalo-lp-cta-heading {
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 28px; color: #2c1810; margin-bottom: 20px;
}
.chalo-lp-highlights-heading {
font-family: 'Montserrat', sans-serif; font-size: 20px;
text-transform: uppercase; letter-spacing: 1px; color: #2c1810; margin: 30px 0;
}
.chalo-lp-cta-form .wpforms-container { max-width: 600px; margin: 0 auto; }
/* 11. ITINERARY */
.chalo-lp-itinerary { text-align: center; }
.chalo-lp-day { margin-bottom: 40px; padding-bottom: 30px; border-bottom: 1px solid #e8e0d6; }
.chalo-lp-day:last-child { border-bottom: none; }
.chalo-lp-day-title {
font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 500;
text-transform: uppercase; letter-spacing: 1px; color: #6b6560; margin-bottom: 8px;
}
.chalo-lp-day-location {
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 28px; font-weight: 400; color: #2c1810; margin-bottom: 20px;
}
.chalo-lp-day-image { margin: 0 0 20px; }
.chalo-lp-day-image img { width: 100%; height: auto; box-shadow: 0 4px 20px rgba(44,24,16,0.1); }
.chalo-lp-day-detail {
font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300;
line-height: 1.75; color: #4a4340; text-align: center;
}
/* 12. PRICING */
.chalo-lp-pricing {
background: #2c1810; color: #faf7f2; padding: 40px 30px; margin: 30px -20px; text-align: center;
}
.chalo-lp-pricing-heading {
font-family: 'Montserrat', sans-serif; font-size: 16px;
text-transform: uppercase; letter-spacing: 1px; color: #faf7f2; margin-bottom: 10px;
}
.chalo-lp-pricing h4 { color: #e8e0d6; font-weight: 300; margin-bottom: 15px; }
.chalo-lp-price-display {
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 36px; color: #c8a96e; margin: 15px 0;
}
.chalo-lp-pricing-details { margin-top: 20px; }
.chalo-lp-pricing-details p { color: #e8e0d6; font-size: 15px; }
.chalo-lp-pricing-details a { color: #c8a96e; }
.chalo-lp-btn {
display: inline-block; background: #c8a96e; color: white !important;
padding: 14px 40px; font-family: 'Montserrat', sans-serif; font-size: 14px;
font-weight: 600; letter-spacing: 1px; text-transform: uppercase;
text-decoration: none; margin: 15px 0; transition: background 0.3s;
}
.chalo-lp-btn:hover { background: #b8954e; }
/* 13. TRUST SECTION */
.chalo-lp-trust {
background: #faf7f2; padding: 40px 30px; margin: 30px -20px; text-align: center;
}
.chalo-lp-trust-heading {
font-family: 'Montserrat', sans-serif; font-size: 18px;
text-transform: uppercase; letter-spacing: 1px; color: #2c1810; margin-bottom: 25px;
}
.chalo-lp-trust-stats {
display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-bottom: 25px;
}
.chalo-lp-stat {
font-family: 'Montserrat', sans-serif; font-size: 13px;
text-transform: uppercase; color: #2c1810; padding: 10px 15px;
}
.chalo-lp-stat .dashicons { color: #c8a96e !important; }
.chalo-lp-rating { font-family: 'Montserrat', sans-serif; font-size: 14px; color: #4a4340; margin-bottom: 20px; }
.chalo-lp-stars { color: #c8a96e; font-size: 20px; }
.chalo-lp-rating a { color: #c8a96e; }
.chalo-lp-affiliations {
display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; align-items: center;
}
.chalo-lp-affiliations img { height: 60px; width: auto; opacity: 0.7; transition: opacity 0.3s; }
.chalo-lp-affiliations img:hover { opacity: 1; }
/* 14. REVIEWS */
.chalo-lp-reviews { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; text-align: left; margin: 30px 0; }
.chalo-lp-review-card { padding: 25px; border: 1px solid #e8e0d6; background: #faf7f2; }
.chalo-lp-review-quote {
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 22px; font-weight: 500; color: #2c1810; margin-bottom: 15px; text-align: center;
}
.chalo-lp-review-img { width: 100%; max-width: 300px; height: auto; display: block; margin: 0 auto 15px; }
.chalo-lp-review-card p { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 300; line-height: 1.7; color: #4a4340; }
.chalo-lp-reviewer {
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 20px; font-weight: 500; color: #2c1810; text-align: center;
}
.chalo-lp-review-meta { font-size: 12px; color: #6b6560; text-align: center; }
/* 15. FOOTER */
.chalo-lp-footer {
border-top: 1px solid #e8e0d6; padding: 20px 0; margin-top: 30px; text-align: center;
}
.chalo-lp-footer p { font-family: 'Montserrat', sans-serif; font-size: 12px; color: #6b6560; }
/* 16. HIDE DEFAULTS */
.chalo-lp .entry-footer, .chalo-lp .post-meta, .chalo-lp .ct-post-comments { display: none !important; }
/* 17. GLOBAL */
.chalo-lp * { border-radius: 0 !important; }
/* 18. MOBILE */
@media (max-width: 768px) {
.chalo-lp .site-main { padding-top: 80px; }
.chalo-lp-title { font-size: 32px; }
.chalo-lp-info-strip { gap: 15px; }
.chalo-lp-info-item { min-width: 120px; }
.chalo-lp-reviews { grid-template-columns: 1fr; }
.chalo-lp-pricing { margin: 30px -10px; padding: 30px 20px; }
.chalo-lp-trust { margin: 30px -10px; padding: 30px 20px; }
}
@media (max-width: 480px) {
.chalo-lp-title { font-size: 26px; }
.chalo-lp-info-strip { flex-direction: column; }
.chalo-lp-day-location { font-size: 22px; }
.chalo-lp-price-display { font-size: 28px; }
.chalo-lp-trust-stats { flex-direction: column; gap: 8px; }
}
/* === offers-css.php === */
/* PAGE LAYOUT */
.chalo-offer .entry-header { display: none !important; }
.chalo-offer .site-main { padding-top: 100px; }
.chalo-offer-wrap { max-width: 900px; margin: 0 auto; padding: 0 20px; }
/* SECTION LABEL */
.chalo-offer-section-label {
font-family: 'Montserrat', sans-serif;
font-size: 13px; font-weight: 500;
letter-spacing: 2px; text-transform: uppercase;
color: #c8a96e; text-align: center; margin-bottom: 10px;
}
/* TITLE */
.chalo-offer-title {
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 42px; font-weight: 400; color: #2c1810;
text-align: center; line-height: 1.3; margin-bottom: 30px;
padding: 20px 0;
border-top: 1px solid #e8e0d6; border-bottom: 1px solid #e8e0d6;
}
/* FEATURED IMAGE */
.chalo-offer-image { margin-bottom: 30px; }
.chalo-offer-img { width: 100%; height: auto; border-radius: 0; box-shadow: 0 4px 20px rgba(44,24,16,0.1); }
/* DESCRIPTION */
.chalo-offer-description {
font-family: 'Montserrat', sans-serif; font-size: 17px; font-weight: 300;
line-height: 1.75; color: #4a4340; text-align: center; margin-bottom: 30px;
}
/* DIVIDER */
.chalo-offer-divider {
border: none; height: 2px; max-width: 80px; margin: 30px auto;
background: linear-gradient(90deg, #c8a96e, #c8a96e);
}
/* HEADINGS */
.chalo-offer-heading {
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 32px; font-weight: 400; color: #2c1810;
text-align: center; margin-bottom: 25px;
}
/* ACCORDION */
.chalo-offer-accordion { margin-bottom: 10px; }
.chalo-offer-accordion details { border: 1px solid #e8e0d6; border-radius: 0; }
.chalo-offer-summary {
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 20px; font-weight: 500; color: #2c1810;
padding: 18px 24px; cursor: pointer;
background: #faf7f2; list-style: none;
transition: border-color 0.3s;
}
.chalo-offer-summary::-webkit-details-marker { display: none; }
.chalo-offer-summary::after {
content: '\25BC'; float: right; color: #c8a96e;
font-size: 12px; transition: transform 0.3s;
}
details[open] .chalo-offer-summary { border-bottom: 2px solid #c8a96e; }
details[open] .chalo-offer-summary::after { transform: rotate(180deg); }
.chalo-offer-accordion-body {
padding: 24px; font-family: 'Montserrat', sans-serif;
font-size: 15px; font-weight: 300; line-height: 1.7; color: #4a4340;
}
/* OFFER TYPE BADGE */
.chalo-offer-type-row { margin-bottom: 20px; }
.chalo-offer-type-row .dashicons { color: #c8a96e; margin-right: 5px; }
.chalo-offer-type-badge {
display: inline-block; margin-top: 10px;
background: rgba(200,169,110,0.1); padding: 10px 15px;
border: 1px dashed #c8a96e; font-weight: 600;
}
/* VALIDITY */
.chalo-offer-validity-row { margin-bottom: 20px; }
.chalo-offer-validity-row .dashicons { color: #c8a96e; margin-right: 5px; }
.chalo-offer-validity-list { margin: 10px 0 0 30px; }
.chalo-offer-validity-list li { margin-bottom: 5px; }
.chalo-offer-expired { color: #c0392b; font-style: italic; margin-left: 8px; }
/* OFFER DETAILS TEXT */
.chalo-offer-details-text { margin-top: 15px; }
/* ACCOMMODATION INTRO */
.chalo-offer-acco-intro {
font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300;
color: #6b6560; text-align: center; margin-bottom: 25px;
}
/* ACCOMMODATION CARDS */
.chalo-offer-acco-grid { display: flex; flex-direction: column; gap: 20px; margin-bottom: 30px; }
.chalo-offer-acco-card {
display: flex; gap: 20px; padding: 20px;
border: 1px solid #e8e0d6; background: #fff;
transition: box-shadow 0.3s, transform 0.3s;
}
.chalo-offer-acco-card:hover { box-shadow: 0 4px 20px rgba(44,24,16,0.08); transform: translateY(-2px); }
.chalo-offer-acco-img { flex: 0 0 150px; }
.chalo-offer-acco-thumb { width: 150px; height: 100px; object-fit: cover; border-radius: 0; }
.chalo-offer-acco-info { flex: 1; }
.chalo-offer-acco-name {
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 22px; font-weight: 500; margin-bottom: 10px;
}
.chalo-offer-acco-name a { color: #c8a96e; text-decoration: none; }
.chalo-offer-acco-name a:hover { color: #b8954e; }
.chalo-offer-acco-meta { list-style: none; padding: 0; margin: 0; }
.chalo-offer-acco-meta li {
font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 300;
color: #6b6560; margin-bottom: 5px;
}
.chalo-offer-acco-meta .dashicons { color: #c8a96e; font-size: 16px; width: 16px; height: 16px; margin-right: 5px; vertical-align: middle; }
/* ENQUIRE SECTION */
.chalo-offer-enquire { text-align: center; margin-bottom: 30px; }
/* VIEW ALL */
.chalo-offer-view-all {
text-align: center; padding: 20px 0;
border-top: 1px solid #e8e0d6; border-bottom: 1px solid #e8e0d6;
}
.chalo-offer-view-all a {
font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 500;
letter-spacing: 1px; text-transform: uppercase;
color: #c8a96e; text-decoration: none;
}
.chalo-offer-view-all a:hover { color: #b8954e; }
/* HIDE BLOCKSY DEFAULTS */
.chalo-offer .entry-footer,
.chalo-offer .post-meta,
.chalo-offer .ct-post-comments { display: none !important; }
/* GLOBAL */
.chalo-offer * { border-radius: 0 !important; }
/* MOBILE */
@media (max-width: 768px) {
.chalo-offer .site-main { padding-top: 80px; }
.chalo-offer-title { font-size: 32px; }
.chalo-offer-heading { font-size: 26px; }
.chalo-offer-acco-card { flex-direction: column; }
.chalo-offer-acco-img { flex: none; }
.chalo-offer-acco-thumb { width: 100%; height: 180px; }
}
@media (max-width: 480px) {
.chalo-offer-title { font-size: 26px; }
.chalo-offer-summary { font-size: 18px; padding: 14px 18px; }
}
/* === reviews-css.php === */
/* PAGE LAYOUT */
.chalo-review .entry-header { display: none !important; }
.chalo-review .site-main { padding-top: 100px; }
.chalo-review-wrap { max-width: 800px; margin: 0 auto; padding: 0 20px; text-align: center; }
/* SECTION LABEL */
.chalo-review-section-label {
font-family: 'Montserrat', sans-serif;
font-size: 13px;
font-weight: 500;
letter-spacing: 2px;
text-transform: uppercase;
color: #c8a96e;
margin-bottom: 10px;
}
/* TITLE */
.chalo-review-title {
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 42px;
font-weight: 400;
color: #2c1810;
line-height: 1.3;
margin-bottom: 30px;
padding: 20px 0;
border-top: 1px solid #e8e0d6;
border-bottom: 1px solid #e8e0d6;
}
/* FEATURED IMAGE */
.chalo-review-image { margin-bottom: 40px; }
.chalo-review-img {
width: 100%;
height: auto;
border-radius: 0;
box-shadow: 0 4px 20px rgba(44,24,16,0.1);
}
/* REVIEW CONTENT */
.chalo-review-content {
font-family: 'Montserrat', sans-serif;
font-size: 17px;
font-weight: 300;
line-height: 1.75;
color: #4a4340;
text-align: left;
margin-bottom: 40px;
background: #faf7f2;
padding: 40px;
border: 1px solid #e8e0d6;
border-radius: 0;
position: relative;
}
.chalo-review-content::before {
content: '\201C';
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 80px;
color: #c8a96e;
position: absolute;
top: 10px;
left: 20px;
line-height: 1;
opacity: 0.4;
}
.chalo-review-content p { margin-bottom: 1em; }
.chalo-review-content p:last-child { margin-bottom: 0; }
/* ATTRIBUTION */
.chalo-review-attribution { margin-bottom: 40px; padding: 30px 0; }
.chalo-reviewer-name {
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 22px;
font-weight: 500;
color: #2c1810;
margin-bottom: 8px;
}
.chalo-reviewer-meta {
font-family: 'Montserrat', sans-serif;
font-size: 15px;
font-weight: 300;
color: #6b6560;
margin-bottom: 12px;
}
.chalo-review-destination,
.chalo-review-type { color: #c8a96e; }
.chalo-review-external {
font-family: 'Montserrat', sans-serif;
font-size: 13px;
font-weight: 400;
color: #6b6560;
font-style: italic;
}
.chalo-review-external a {
color: #c8a96e;
text-decoration: none;
border-bottom: 1px solid transparent;
transition: border-color 0.3s;
}
.chalo-review-external a:hover { border-bottom-color: #c8a96e; }
/* DIVIDER */
.chalo-review-divider {
border: none;
height: 2px;
max-width: 80px;
margin: 0 auto 30px;
background: linear-gradient(90deg, #c8a96e, #c8a96e);
}
/* PREV/NEXT NAV */
.chalo-review-nav {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 0 40px;
}
.chalo-review-nav a {
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.5px;
color: #c8a96e;
text-decoration: none;
text-transform: uppercase;
transition: color 0.3s;
}
.chalo-review-nav a:hover { color: #b8954e; }
/* HIDE BLOCKSY DEFAULTS */
.chalo-review .entry-footer,
.chalo-review .post-meta,
.chalo-review .ct-post-comments { display: none !important; }
/* GLOBAL */
.chalo-review * { border-radius: 0 !important; }
/* MOBILE */
@media (max-width: 768px) {
.chalo-review .site-main { padding-top: 80px; }
.chalo-review-title { font-size: 32px; }
.chalo-review-content { padding: 30px 20px; font-size: 16px; }
.chalo-review-content::before { font-size: 60px; top: 5px; left: 10px; }
.chalo-reviewer-name { font-size: 20px; }
}
@media (max-width: 480px) {
.chalo-review-title { font-size: 26px; }
.chalo-review-content { padding: 25px 15px; }
.chalo-review-nav { flex-direction: column; gap: 15px; text-align: center; }
}
/* === safari-tour-v2-css.php === */
/* ============================================
CSS RESET & VARIABLES
============================================ */
.chalo-safari-v2 *, .chalo-safari-v2 *::before, .chalo-safari-v2 *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.chalo-safari-v2 {
--dark-brown: #1c1409;
--medium-brown: #4a3020;
--text-brown: #4a4340;
--muted-grey: #6b6560;
--gold: #c8a96e;
--gold-hover: #b8954e;
--gold-light: #fdf6e8;
--warm-cream: #faf7f2;
--border-cream: #e8e0d6;
--closed-muted: #f0ebe4;
--white: #ffffff;
--shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
--shadow-md: 0 4px 12px rgba(0,0,0,0.08);
--shadow-lg: 0 8px 30px rgba(0,0,0,0.10);
--shadow-xl: 0 20px 50px rgba(0,0,0,0.12);
--radius-sm: 0;
--radius-md: 0;
--radius-lg: 0;
--radius-xl: 0;
--font-heading: 'Cormorant Garamond', Georgia, serif;
--font-nav: Montserrat, sans-serif;
--font-body: 'Inter', -apple-system, sans-serif;
--max-width: 1200px;
--header-height: 72px;
}
.chalo-safari-v2 {
scroll-behavior: smooth;
}
.chalo-safari-v2 {
font-family: var(--font-body);
color: var(--text-brown);
line-height: 1.7;
font-size: 16px;
background: var(--white);
-webkit-font-smoothing: antialiased;
font-weight: 300;
}
.chalo-safari-v2 img {
max-width: 100%;
height: auto;
display: block;
}
.chalo-safari-v2 a {
color: var(--gold);
text-decoration: none;
transition: color 0.2s;
}
.chalo-safari-v2 a:hover {
color: var(--gold-hover);
}
.chalo-safari-v2 .container {
max-width: var(--max-width);
margin: 0 auto;
padding: 0 24px;
}
/* ============================================
BLOCKSY INTEGRATION
============================================ */
/* Break out of Blocksy ct-container — body class targets the PARENT container */
body.chalo-safari-v2-page .ct-container-full {
max-width: 100% !important;
padding: 0 !important;
}
body.chalo-safari-v2-page .entry-content {
max-width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
/* ============================================
HERO SECTION
============================================ */
.chalo-safari-v2 .hero {
position: relative;
height: 85vh;
min-height: 600px;
margin-top: 0;
overflow: hidden;
background-size: cover;
background-position: center;
}
.chalo-safari-v2 .hero-bg {
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
}
.chalo-safari-v2 .hero-bg::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(
to bottom,
rgba(0,0,0,0.15) 0%,
rgba(0,0,0,0.1) 40%,
rgba(0,0,0,0.55) 100%
);
}
.chalo-safari-v2 .hero-content {
position: relative;
z-index: 2;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding-bottom: 64px;
color: var(--white);
}
.chalo-safari-v2 .hero-badge {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(255,255,255,0.15);
backdrop-filter: blur(8px);
border: 1px solid rgba(255,255,255,0.25);
padding: 8px 16px;
border-radius: 0;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--white);
margin-bottom: 20px;
width: fit-content;
}
.chalo-safari-v2 .hero h1 {
font-family: var(--font-heading);
font-size: clamp(36px, 5vw, 56px);
font-weight: 300;
line-height: 1.15;
letter-spacing: 0.88px;
margin-bottom: 12px;
max-width: 750px;
}
.chalo-safari-v2 .hero-subtitle {
font-size: 18px;
opacity: 0.9;
font-weight: 300;
margin-bottom: 32px;
}
.chalo-safari-v2 .hero-meta {
display: flex;
gap: 32px;
flex-wrap: wrap;
}
.chalo-safari-v2 .hero-meta-item {
display: flex;
align-items: center;
gap: 10px;
font-size: 14px;
font-weight: 400;
}
.chalo-safari-v2 .hero-meta-item .icon-circle {
width: 40px;
height: 40px;
border-radius: 0;
background: rgba(255,255,255,0.15);
backdrop-filter: blur(8px);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.chalo-safari-v2 .hero-meta-item strong {
display: block;
font-size: 16px;
font-weight: 600;
}
.chalo-safari-v2 .hero-meta-item span {
opacity: 0.8;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.05em;
}
/* ============================================
BREADCRUMB
============================================ */
.chalo-safari-v2 .breadcrumb {
padding: 14px 24px;
font-size: 13px;
color: var(--muted-grey);
background: var(--warm-cream);
border-bottom: 1px solid var(--border-cream);
}
.chalo-safari-v2 .breadcrumb a {
color: var(--gold);
}
.chalo-safari-v2 .breadcrumb a:hover {
color: var(--gold-hover);
}
.chalo-safari-v2 .breadcrumb span {
margin: 0 8px;
}
/* ============================================
CONTENT LAYOUT (2-column)
============================================ */
.chalo-safari-v2 .content-grid {
display: grid;
grid-template-columns: 1fr 320px;
gap: 48px;
padding: 40px 0 80px;
}
.chalo-safari-v2 .content-main {
min-width: 0;
background: var(--white);
}
.chalo-safari-v2 .content-sidebar {
position: relative;
}
.chalo-safari-v2 .sidebar-sticky {
position: sticky;
top: 24px;
}
/* ============================================
SECTION STYLING
============================================ */
.chalo-safari-v2 .section-block {
margin-bottom: 56px;
}
.chalo-safari-v2 .section-block h2 {
font-family: var(--font-heading);
font-size: 42px;
font-weight: 400;
letter-spacing: 0.3px;
color: var(--text-brown);
margin-bottom: 24px;
position: relative;
}
.chalo-safari-v2 .section-block h2::after {
display: none;
}
.chalo-safari-v2 .section-block p {
margin-bottom: 16px;
color: var(--text-brown);
line-height: 1.8;
font-weight: 300;
}
/* Highlights pills */
.chalo-safari-v2 .highlight-text {
font-size: 17px;
line-height: 1.8;
color: var(--text-brown);
font-style: italic;
border-left: 3px solid var(--gold);
padding-left: 20px;
margin-bottom: 24px;
font-weight: 300;
}
/* ============================================
RATES TABLE
============================================ */
.chalo-safari-v2 .rates-card {
background: var(--warm-cream);
border: 1px solid var(--border-cream);
border-radius: var(--radius-md);
overflow: hidden;
margin-top: 24px;
}
.chalo-safari-v2 .rates-card-header {
background: #e8dcc8;
color: var(--dark-brown);
padding: 16px 24px;
font-weight: 600;
font-size: 15px;
letter-spacing: 0.02em;
}
.chalo-safari-v2 .rates-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px 24px;
border-bottom: 1px solid var(--border-cream);
}
.chalo-safari-v2 .rates-row:last-child {
border-bottom: none;
}
.chalo-safari-v2 .rates-period {
font-size: 15px;
color: var(--text-brown);
}
.chalo-safari-v2 .rates-price {
font-family: var(--font-heading);
font-size: 20px;
font-weight: 600;
color: #b8954e;
}
/* ============================================
ITINERARY
============================================ */
.chalo-safari-v2 .itinerary-timeline {
position: relative;
padding-left: 36px;
}
.chalo-safari-v2 .itinerary-timeline::before {
content: '';
position: absolute;
left: 15px;
top: 8px;
bottom: 8px;
width: 2px;
background: var(--border-cream);
}
.chalo-safari-v2 .itinerary-day {
position: relative;
margin-bottom: 32px;
background: var(--white);
border: 1px solid var(--border-cream);
border-radius: var(--radius-md);
padding: 28px;
transition: box-shadow 0.3s, border-color 0.3s;
}
.chalo-safari-v2 .itinerary-day:hover {
box-shadow: var(--shadow-md);
border-color: var(--gold);
}
.chalo-safari-v2 .itinerary-day::before {
content: '';
position: absolute;
left: -29px;
top: 32px;
width: 12px;
height: 12px;
border-radius: 0;
background: var(--gold);
border: 3px solid var(--white);
box-shadow: 0 0 0 2px var(--gold);
}
.chalo-safari-v2 .itinerary-day-label {
display: inline-block;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
color: var(--white);
background: var(--gold);
padding: 4px 12px;
border-radius: 0;
margin-bottom: 12px;
}
.chalo-safari-v2 .itinerary-day h3 {
font-family: var(--font-heading);
font-size: 20px;
font-weight: 600;
color: var(--text-brown);
margin-bottom: 12px;
}
.chalo-safari-v2 .itinerary-day p {
color: var(--muted-grey);
font-size: 15px;
line-height: 1.7;
font-weight: 300;
}
.chalo-safari-v2 .itinerary-cta {
display: inline-flex;
align-items: center;
gap: 6px;
margin-top: 12px;
font-size: 13px;
font-weight: 600;
color: var(--gold);
text-transform: uppercase;
letter-spacing: 0.04em;
}
.chalo-safari-v2 .itinerary-cta:hover {
color: var(--gold-hover);
}
/* ============================================
ACCOMMODATION CARDS
============================================ */
.chalo-safari-v2 .accom-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
.chalo-safari-v2 .accom-card {
border-radius: var(--radius-md);
overflow: hidden;
border: 1px solid var(--border-cream);
transition: box-shadow 0.3s, transform 0.3s;
background: var(--white);
display: block;
}
.chalo-safari-v2 .accom-card:hover {
box-shadow: var(--shadow-lg);
transform: translateY(-4px);
}
.chalo-safari-v2 .accom-card-img {
height: 200px;
overflow: hidden;
}
.chalo-safari-v2 .accom-card-img img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s;
}
.chalo-safari-v2 .accom-card:hover .accom-card-img img {
transform: scale(1.05);
}
.chalo-safari-v2 .accom-card-body {
padding: 20px;
}
.chalo-safari-v2 .accom-card-body h3 {
font-family: var(--font-heading);
font-size: 17px;
font-weight: 600;
color: var(--text-brown);
margin-bottom: 6px;
}
.chalo-safari-v2 .accom-card-type {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 12px;
color: var(--muted-grey);
text-transform: uppercase;
letter-spacing: 0.05em;
}
/* ============================================
BEST MONTHS CALENDAR
============================================ */
.chalo-safari-v2 .months-grid {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 8px;
}
.chalo-safari-v2 .month-cell {
text-align: center;
padding: 14px 8px;
border-radius: var(--radius-sm);
border: 1px solid var(--border-cream);
transition: transform 0.2s;
}
.chalo-safari-v2 .month-cell:hover {
transform: translateY(-2px);
}
.chalo-safari-v2 .month-name {
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.06em;
margin-bottom: 6px;
color: var(--text-brown);
}
.chalo-safari-v2 .month-status {
font-size: 11px;
font-weight: 500;
letter-spacing: 0.04em;
}
.chalo-safari-v2 .month-cell.best {
background: var(--gold);
border-color: var(--gold);
}
.chalo-safari-v2 .month-cell.best .month-name {
color: var(--white);
}
.chalo-safari-v2 .month-cell.best .month-status {
color: var(--white);
font-weight: 700;
}
.chalo-safari-v2 .month-cell.closed {
background: var(--closed-muted);
opacity: 0.6;
}
.chalo-safari-v2 .month-cell.closed .month-status {
color: var(--muted-grey);
}
/* ============================================
GALLERY
============================================ */
.chalo-safari-v2 .gallery-carousel {
position: relative;
}
.chalo-safari-v2 .gallery-track-wrapper {
overflow: hidden;
}
.chalo-safari-v2 .gallery-track {
display: flex;
gap: 12px;
transition: transform 0.4s ease;
}
.chalo-safari-v2 .gallery-item {
min-width: calc((100% - 24px) / 3);
overflow: hidden;
cursor: pointer;
position: relative;
aspect-ratio: 4/3;
}
.chalo-safari-v2 .gallery-item img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s;
}
.chalo-safari-v2 .gallery-item:hover img {
transform: scale(1.05);
}
.chalo-safari-v2 .gallery-item::after {
content: '';
position: absolute;
inset: 0;
background: rgba(0,0,0,0);
transition: background 0.3s;
}
.chalo-safari-v2 .gallery-item:hover::after {
background: rgba(0,0,0,0.1);
}
.chalo-safari-v2 .gallery-item .gallery-caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 12px 16px;
background: linear-gradient(transparent, rgba(0,0,0,0.6));
color: var(--white);
font-size: 13px;
font-weight: 500;
z-index: 2;
opacity: 1;
}
.chalo-safari-v2 .gallery-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 44px;
height: 44px;
background: var(--white);
border: 1px solid var(--border-cream);
color: var(--text-brown);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
z-index: 5;
transition: all 0.2s;
box-shadow: var(--shadow-md);
border-radius: 0;
}
.chalo-safari-v2 .gallery-arrow:hover {
background: var(--gold);
color: var(--white);
border-color: var(--gold);
}
.chalo-safari-v2 .gallery-arrow.prev {
left: -16px;
}
.chalo-safari-v2 .gallery-arrow.next {
right: -16px;
}
.chalo-safari-v2 .gallery-arrow:disabled {
opacity: 0.3;
cursor: default;
pointer-events: none;
}
/* ============================================
SIDEBAR ENQUIRY CARD
============================================ */
.chalo-safari-v2 .sidebar-card {
background: var(--white);
border: 1px solid var(--border-cream);
border-radius: var(--radius-lg);
box-shadow: var(--shadow-md);
overflow: hidden;
margin-bottom: 24px;
}
.chalo-safari-v2 .sidebar-card-header {
background: var(--gold);
color: var(--white);
padding: 24px;
text-align: center;
}
.chalo-safari-v2 .sidebar-card-header .sidebar-price {
font-family: var(--font-heading);
font-size: 28px;
font-weight: 600;
color: #6b6560 !important;
}
.chalo-safari-v2 .sidebar-card-header .sidebar-price-sub {
font-size: 13px;
opacity: 0.7;
margin-top: 4px;
font-style: italic;
}
.chalo-safari-v2 .sidebar-card-body {
padding: 24px;
}
.chalo-safari-v2 .sidebar-detail {
display: flex;
align-items: center;
gap: 14px;
padding: 14px 0;
border-bottom: 1px solid var(--border-cream);
font-size: 14px;
}
.chalo-safari-v2 .sidebar-detail:last-child {
border-bottom: none;
}
.chalo-safari-v2 .sidebar-detail i {
color: var(--gold);
flex-shrink: 0;
}
.chalo-safari-v2 .sidebar-detail .detail-label {
color: var(--muted-grey);
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.chalo-safari-v2 .sidebar-detail .detail-value {
font-weight: 600;
color: var(--text-brown);
}
.chalo-safari-v2 .btn-full {
display: block;
width: 100%;
text-align: center;
padding: 20px 16px;
border-radius: var(--radius-sm);
font-weight: 600;
font-size: 16px;
cursor: pointer;
border: none;
transition: all 0.2s;
text-transform: uppercase;
letter-spacing: 2px;
font-family: var(--font-body);
}
.chalo-safari-v2 .btn-primary {
background: var(--gold);
color: var(--white);
}
.chalo-safari-v2 .btn-primary:hover {
background: var(--gold-hover);
color: var(--white);
transform: translateY(-1px);
}
.chalo-safari-v2 .btn-outline {
background: transparent;
color: var(--gold);
border: 2px solid var(--gold);
margin-top: 12px;
}
.chalo-safari-v2 .btn-outline:hover {
background: var(--gold-light);
color: var(--gold);
}
.chalo-safari-v2 .sidebar-phone {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin-top: 16px;
font-size: 14px;
color: var(--muted-grey);
}
.chalo-safari-v2 .sidebar-phone a {
font-weight: 600;
color: var(--gold);
}
/* ============================================
MAP SECTION
============================================ */
.chalo-safari-v2 .map-container {
border-radius: var(--radius-md);
overflow: hidden;
height: 350px;
border: 1px solid var(--border-cream);
box-shadow: var(--shadow-md);
}
.chalo-safari-v2 .map-container iframe {
width: 100%;
height: 100%;
border: none;
}
/* ============================================
RECOMMENDED TOURS
============================================ */
.chalo-safari-v2 .tours-section {
background: #f2f0ed !important;
padding: 80px 0;
}
.chalo-safari-v2 .tours-section h2 {
font-family: var(--font-heading);
font-size: 42px;
font-weight: 400;
text-align: center;
margin-bottom: 48px;
color: var(--text-brown);
letter-spacing: 0.3px;
}
.chalo-safari-v2 .tours-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.chalo-safari-v2 .tour-card {
background: var(--white);
border-radius: var(--radius-md);
overflow: hidden;
border: 1px solid var(--border-cream);
transition: box-shadow 0.3s, transform 0.3s;
display: block;
}
.chalo-safari-v2 .tour-card:hover {
box-shadow: var(--shadow-lg);
transform: translateY(-4px);
}
.chalo-safari-v2 .tour-card-img {
height: 200px;
overflow: hidden;
}
.chalo-safari-v2 .tour-card-img img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s;
}
.chalo-safari-v2 .tour-card:hover .tour-card-img img {
transform: scale(1.05);
}
.chalo-safari-v2 .tour-card-body {
padding: 20px;
}
.chalo-safari-v2 .tour-card-body h3 {
font-family: var(--font-heading);
font-size: 17px;
font-weight: 600;
color: var(--text-brown);
line-height: 1.4;
}
.chalo-safari-v2 .tour-card-link {
display: inline-flex;
align-items: center;
gap: 6px;
margin-top: 12px;
font-size: 13px;
font-weight: 600;
color: var(--gold);
text-transform: uppercase;
letter-spacing: 0.04em;
}
/* ============================================
ENQUIRY FORM SECTION
============================================ */
.chalo-safari-v2 .enquiry-section {
padding: 80px 0;
background: #faf7f2 !important;
color: var(--text-brown);
position: relative;
margin-top: 0 !important;
border-top: none !important;
margin-bottom: 0 !important;
padding-bottom: 40px !important;
}
.chalo-safari-v2 .enquiry-section::before {
content: '';
position: absolute;
inset: 0;
opacity: 0.04;
background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg stroke='%23c8a96e' stroke-width='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
pointer-events: none;
}
.chalo-safari-v2 .enquiry-section h2 {
font-family: var(--font-heading);
font-size: 42px;
font-weight: 400;
text-align: center;
margin-bottom: 8px;
color: var(--text-brown);
letter-spacing: 0.3px;
}
.chalo-safari-v2 .enquiry-section h2::after {
display: none;
}
.chalo-safari-v2 .enquiry-subtitle {
text-align: center;
font-size: 16px;
color: var(--muted-grey);
margin-bottom: 48px;
}
.chalo-safari-v2 .form-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
max-width: 700px;
margin: 0 auto;
}
.chalo-safari-v2 .form-group {
display: flex;
flex-direction: column;
}
.chalo-safari-v2 .form-group.full-width {
grid-column: 1 / -1;
}
.chalo-safari-v2 .form-group label {
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.06em;
margin-bottom: 8px;
color: var(--muted-grey);
}
.chalo-safari-v2 .form-group input,
.chalo-safari-v2 .form-group select,
.chalo-safari-v2 .form-group textarea {
padding: 14px 16px;
border-radius: var(--radius-sm);
border: 1px solid var(--border-cream);
background: var(--white);
color: var(--text-brown);
font-family: var(--font-body);
font-size: 15px;
transition: border-color 0.2s, background 0.2s;
font-weight: 300;
}
.chalo-safari-v2 .form-group input::placeholder,
.chalo-safari-v2 .form-group textarea::placeholder {
color: var(--muted-grey);
}
.chalo-safari-v2 .form-group input:focus,
.chalo-safari-v2 .form-group select:focus,
.chalo-safari-v2 .form-group textarea:focus {
outline: none;
border-color: var(--gold);
box-shadow: 0 0 0 3px rgba(200,169,110,0.1);
}
.chalo-safari-v2 .form-group select option {
background: var(--warm-cream);
color: var(--text-brown);
}
.chalo-safari-v2 .form-group textarea {
resize: vertical;
min-height: 100px;
}
.chalo-safari-v2 .form-submit {
text-align: center;
margin-top: 32px;
grid-column: 1 / -1;
margin-top: 10px !important;
}
.chalo-safari-v2 .form-submit button {
background: var(--gold);
color: var(--white);
padding: 16px 48px;
border-radius: 0;
font-weight: 600;
font-size: 14px;
letter-spacing: 2px;
text-transform: uppercase;
border: none;
cursor: pointer;
transition: all 0.2s;
font-family: var(--font-body);
width: 100% !important;
display: block !important;
}
.chalo-safari-v2 .form-submit button:hover {
background: var(--gold-hover);
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(200,169,110,0.3);
}
/* ============================================
LIGHTBOX
============================================ */
.chalo-safari-v2 .lightbox {
display: none;
position: fixed;
inset: 0;
background: rgba(0,0,0,0.95);
z-index: 2000;
justify-content: center;
align-items: center;
}
.chalo-safari-v2 .lightbox.active {
display: flex;
}
.chalo-safari-v2 .lightbox-content {
position: relative;
max-width: 90vw;
max-height: 90vh;
display: flex;
flex-direction: column;
}
.chalo-safari-v2 .lightbox-content img {
max-width: 100%;
max-height: 85vh;
object-fit: contain;
}
.chalo-safari-v2 .lightbox-caption {
color: rgba(255,255,255,0.8);
font-size: 14px;
padding: 12px 0;
text-align: center;
}
.chalo-safari-v2 .lightbox-counter {
color: rgba(255,255,255,0.6);
font-size: 12px;
text-align: center;
}
.chalo-safari-v2 .lightbox-close {
position: absolute;
top: 20px;
right: 20px;
width: 48px;
height: 48px;
background: rgba(255,255,255,0.1);
border: 1px solid rgba(255,255,255,0.2);
color: var(--white);
font-size: 28px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.2s;
z-index: 2010;
border-radius: 0;
}
.chalo-safari-v2 .lightbox-close:hover {
background: rgba(255,255,255,0.2);
}
.chalo-safari-v2 .lightbox-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 52px;
height: 52px;
background: rgba(255,255,255,0.1);
border: 1px solid rgba(255,255,255,0.2);
color: var(--white);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
font-size: 28px;
transition: background 0.2s;
z-index: 2010;
border-radius: 0;
}
.chalo-safari-v2 .lightbox-nav:hover {
background: rgba(255,255,255,0.25);
}
.chalo-safari-v2 .lightbox-nav.lb-prev {
left: 24px;
}
.chalo-safari-v2 .lightbox-nav.lb-next {
right: 24px;
}
/* ============================================
RESPONSIVE
============================================ */
@media (max-width: 1024px) {
.chalo-safari-v2 .content-grid {
grid-template-columns: 1fr;
gap: 32px;
}
.chalo-safari-v2 .content-sidebar {
order: -1;
}
.chalo-safari-v2 .sidebar-sticky {
position: static;
}
}
@media (max-width: 768px) {
.chalo-safari-v2 .hero {
height: 70vh;
min-height: 480px;
}
.chalo-safari-v2 .hero h1 {
font-size: 32px;
}
.chalo-safari-v2 .hero-meta {
gap: 20px;
}
.chalo-safari-v2 .accom-grid {
grid-template-columns: 1fr;
}
.chalo-safari-v2 .months-grid {
grid-template-columns: repeat(4, 1fr);
}
.chalo-safari-v2 .gallery-item {
min-width: calc((100% - 12px) / 2);
}
.chalo-safari-v2 .tours-grid {
grid-template-columns: 1fr;
}
.chalo-safari-v2 .form-grid {
grid-template-columns: 1fr;
}
}
/* ================================================
v65 UI POLISH Safari Tour v2
================================================ */
/* 1. Alternating section backgrounds */
body.chalo-safari-v2-page .section-block:nth-of-type(odd) {
background: #faf7f2;
padding: 50px 0;
margin-left: -40px;
margin-right: -40px;
padding-left: 40px;
padding-right: 40px;
}
body.chalo-safari-v2-page .section-block:nth-of-type(even) {
background: #fff;
padding: 50px 0;
}
/* 2. Gold gradient HR dividers between sections */
body.chalo-safari-v2-page .section-block + .section-block::before {
content: "";
display: block;
height: 1px;
max-width: 80px;
margin: 0 auto 40px;
background: linear-gradient(90deg, #c8a96e, #c8a96e);
opacity: 0.6;
}
/* 3. WPForms submit button gold with white text */
body.chalo-safari-v2-page .wpforms-submit,
body.chalo-safari-v2-page .wpforms-form button[type="submit"],
body.chalo-safari-v2-page div.wpforms-container-full .wpforms-form button[type="submit"] {
background: #c8a96e !important;
color: #fff !important;
border: none !important;
border-radius: 0 !important;
padding: 16px 50px !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
cursor: pointer;
transition: all 0.3s ease;
}
body.chalo-safari-v2-page .wpforms-submit:hover,
body.chalo-safari-v2-page .wpforms-form button[type="submit"]:hover {
background: #b8954e !important;
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(200, 169, 110, 0.3);
}
/* 4. WPForms container styling */
body.chalo-safari-v2-page .wpforms-container {
background: #faf7f2 !important;
border: 1px solid #e8e0d6 !important;
border-radius: 0 !important;
padding: 40px !important;
max-width: 700px;
margin: 0 auto;
}
/* 5. WPForms input styling */
body.chalo-safari-v2-page .wpforms-form input[type="text"],
body.chalo-safari-v2-page .wpforms-form input[type="email"],
body.chalo-safari-v2-page .wpforms-form input[type="tel"],
body.chalo-safari-v2-page .wpforms-form input[type="number"],
body.chalo-safari-v2-page .wpforms-form textarea,
body.chalo-safari-v2-page .wpforms-form select {
border: 1px solid #e8e0d6 !important;
border-radius: 0 !important;
padding: 12px 16px !important;
font-size: 15px !important;
background: #fff !important;
font-family: 'Montserrat', sans-serif;
}
body.chalo-safari-v2-page .wpforms-form input:focus,
body.chalo-safari-v2-page .wpforms-form textarea:focus,
body.chalo-safari-v2-page .wpforms-form select:focus {
border-color: #c8a96e !important;
box-shadow: 0 0 0 3px rgba(200, 169, 110, 0.1) !important;
outline: none;
}
/* 6. Enquiry section dark gradient background */
body.chalo-safari-v2-page .enquiry-section {
background: linear-gradient(135deg, #2c1810 0%, #4a3020 50%, #2c1810 100%) !important;
padding: 60px 40px !important;
margin-left: -40px;
margin-right: -40px;
padding-left: 40px;
padding-right: 40px;
}
body.chalo-safari-v2-page .enquiry-section h2 {
color: #fff !important;
}
body.chalo-safari-v2-page .enquiry-section .enquiry-subtitle,
body.chalo-safari-v2-page .enquiry-section p {
color: rgba(250, 247, 242, 0.8) !important;
}
/* 7. Content area links gold */
body.chalo-safari-v2-page .content-main a:not(.btn-primary):not(.wpforms-submit) {
color: #c8a96e;
text-decoration: none;
transition: color 0.2s ease;
}
body.chalo-safari-v2-page .content-main a:not(.btn-primary):not(.wpforms-submit):hover {
color: #b8954e;
}
/* 8. Itinerary timeline gold accents */
body.chalo-safari-v2-page .day-badge {
background: #c8a96e !important;
color: #fff !important;
border-radius: 0 !important;
}
body.chalo-safari-v2-page .itinerary-item {
border: 1px solid #e8e0d6;
border-left: 3px solid #c8a96e;
}
body.chalo-safari-v2-page .timeline-dot {
background: #c8a96e !important;
border-color: #c8a96e !important;
}
body.chalo-safari-v2-page .timeline-line {
background: #e8e0d6 !important;
}
/* 9. Rates table styling */
body.chalo-safari-v2-page .rates-table {
border: 1px solid #e8e0d6;
}
body.chalo-safari-v2-page .rates-table th,
body.chalo-safari-v2-page .rates-header {
background: #c8a96e !important;
color: #fff !important;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 13px;
}
body.chalo-safari-v2-page .rates-table td {
border-bottom: 1px solid #e8e0d6;
}
body.chalo-safari-v2-page .rate-price {
font-family: "Cormorant Garamond", Georgia, serif;
color: #c8a96e;
font-size: 22px;
}
/* 10. Accommodation cards */
body.chalo-safari-v2-page .accommodation-card {
border: 1px solid #e8e0d6;
transition: all 0.3s ease;
}
body.chalo-safari-v2-page .accommodation-card:hover {
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
transform: translateY(-2px);
}
/* 11. Gallery no rounded corners, hover effects */
body.chalo-safari-v2-page .gallery-item img {
border-radius: 0 !important;
}
/* 12. Map container shadow */
body.chalo-safari-v2-page .section-block iframe {
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
border: 1px solid #e8e0d6;
}
/* 13. Sidebar sticky proper styling */
body.chalo-safari-v2-page .sidebar-sticky {
border: 1px solid #e8e0d6;
background: #fff;
}
body.chalo-safari-v2-page .sidebar-sticky .sidebar-price { /* gold bg removed */
background: transparent;
}
/* === safari-tour-hero-polish.php === */
/* ================================================================
0. HIDE RAW ACF RATES TEXT (CSS backup for JS)
================================================================ */
/* Hide paragraphs marked by JS with data-hidden-rates attribute */
[data-hidden-rates="true"] {
display: none !important;
}
/* ================================================================
1. HERO SECTION — darker gradient, gold meta, tighter title
================================================================ */
/* Darker hero gradient overlay for text legibility */
body.single-safari-tours .chalo-safari-v2 section.hero .hero-bg::after {
background: linear-gradient(180deg,
rgba(0,0,0,0.55) 0%,
rgba(0,0,0,0.1) 40%,
rgba(0,0,0,0.4) 70%,
rgba(0,0,0,0.65) 100%) !important;
}
/* Hero tall enough */
body.single-safari-tours section.hero {
min-height: 95vh !important;
}
/* Tighter title sizing */
body.single-safari-tours section.hero h1 {
font-size: clamp(36px, 4.5vw, 48px) !important;
line-height: 1.15 !important;
max-width: 720px !important;
font-weight: 300 !important;
}
/* Hero subtitle - show as italic tagline */
body.single-safari-tours section.hero .hero-subtitle {
font-size: 17px !important;
font-style: italic !important;
opacity: 0.85 !important;
font-weight: 300 !important;
margin-bottom: 28px !important;
}
/* Hero badge alignment */
body.single-safari-tours .hero-badge {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
margin-bottom: 20px !important;
font-size: 11px !important;
letter-spacing: 2px !important;
background: rgba(255,255,255,0.12) !important;
backdrop-filter: blur(8px) !important;
-webkit-backdrop-filter: blur(8px) !important;
border: 1px solid rgba(255,255,255,0.2) !important;
padding: 8px 16px !important;
}
/* Meta strip — semi-transparent bar with gold icons */
body.single-safari-tours section.hero .hero-meta {
margin-top: 24px !important;
background: rgba(0,0,0,0.25) !important;
backdrop-filter: blur(6px) !important;
-webkit-backdrop-filter: blur(6px) !important;
padding: 16px 24px !important;
display: inline-flex !important;
gap: 32px !important;
border-radius: 0 !important;
}
/* Gold icon circles in meta strip */
body.single-safari-tours .hero-meta .icon-circle {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 40px !important;
height: 40px !important;
background: rgba(200,169,110,0.15) !important;
border: 1px solid rgba(200,169,110,0.4) !important;
backdrop-filter: none !important;
}
body.single-safari-tours .hero-meta .icon-circle svg {
stroke: #c8a96e !important;
width: 18px !important;
height: 18px !important;
}
/* Gold labels (SEASON, DURATION, ACCOMMODATION, LOCATION) */
body.single-safari-tours .hero-meta-item span {
color: #c8a96e !important;
font-size: 10px !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
font-family: 'Montserrat', sans-serif !important;
font-weight: 600 !important;
opacity: 1 !important;
}
body.single-safari-tours .hero-meta-item strong {
color: #fff !important;
}
/* ================================================================
2. RAW ACF RATES TEXT — hide duplicates in About section
================================================================ */
/* Hide raw ACF paragraphs that contain rates info */
.chalo-safari-v2 .content-main .section-block p:empty {
display: none !important;
}
/* ================================================================
3. SIDEBAR CARD — dark gradient header, gold price
================================================================ */
.chalo-safari-v2 .sidebar-card {
border: 1px solid #e8e0d6 !important;
box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
overflow: hidden !important;
}
/* Dark gradient header like homepage CTA */
.chalo-safari-v2 .sidebar-card-header {
background: #faf7f2 !important;
color: #2c1810 !important;
padding: 28px 24px !important;
text-align: center !important;
}
/* Gold price on dark header */
.chalo-safari-v2 .sidebar-card-header .sidebar-price {
font-family: 'Cormorant Garamond', serif !important;
font-size: 36px !important;
font-weight: 500 !important;
color: #c8a96e !important;
}
.chalo-safari-v2 .sidebar-card-header .sidebar-price-sub {
font-size: 13px !important;
opacity: 0.7 !important;
margin-top: 6px !important;
font-style: italic !important;
color: #6b6560 !important;
}
/* Sidebar body */
.chalo-safari-v2 .sidebar-card-body {
padding: 24px !important;
}
/* Sidebar detail rows */
.chalo-safari-v2 .sidebar-detail {
display: flex !important;
align-items: center !important;
gap: 14px !important;
padding: 14px 0 !important;
border-bottom: 1px solid #e8e0d6 !important;
}
.chalo-safari-v2 .sidebar-detail:last-of-type {
border-bottom: none !important;
}
.chalo-safari-v2 .sidebar-detail svg {
stroke: #c8a96e !important;
flex-shrink: 0 !important;
width: 18px !important;
height: 18px !important;
}
.chalo-safari-v2 .sidebar-detail .detail-label {
color: #6b6560 !important;
font-size: 11px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
font-weight: 600 !important;
}
.chalo-safari-v2 .sidebar-detail .detail-value {
font-weight: 600 !important;
color: #4a4340 !important;
font-size: 14px !important;
}
/* Enquire Now button */
.chalo-safari-v2 .btn-full.btn-primary {
background: #c8a96e !important;
color: #fff !important;
padding: 18px 16px !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
border: none !important;
border-radius: 0 !important;
transition: all 0.2s !important;
display: block !important;
width: 100% !important;
text-align: center !important;
}
.chalo-safari-v2 .btn-full.btn-primary:hover {
background: #b8954e !important;
transform: translateY(-2px) !important;
box-shadow: 0 8px 25px rgba(200,169,110,0.3) !important;
color: #fff !important;
}
/* Phone link */
.chalo-safari-v2 .sidebar-phone {
text-align: center !important;
margin-top: 16px !important;
gap: 4px;
}
.chalo-safari-v2 .sidebar-phone svg {
stroke: #c8a96e !important;
}
.chalo-safari-v2 .sidebar-phone a {
color: #c8a96e !important;
font-weight: 600 !important;
}
/* Sticky positioning */
.chalo-safari-v2 .sidebar-sticky {
position: sticky !important;
top: 160px !important;
}
/* ================================================================
4. ALTERNATING SECTION BACKGROUNDS
================================================================ */
/* Odd sections: white, Even sections: cream */
.chalo-safari-v2 .content-main .section-block:nth-of-type(even) {
background: #faf7f2 !important;
margin-left: -32px !important;
margin-right: -32px !important;
padding-left: 32px !important;
padding-right: 32px !important;
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.chalo-safari-v2 .content-main .section-block:nth-of-type(odd) {
background: #ffffff !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
}
/* ================================================================
5. GOLD SECTION DIVIDERS — homepage-style HR
================================================================ */
.chalo-safari-v2 .content-main .section-block + .section-block::before {
content: '' !important;
display: block !important;
width: 60px !important;
height: 1px !important;
background: #c8a96e !important;
margin: 0 auto 32px auto !important;
opacity: 0.6 !important;
}
/* Don't show divider on cream sections (they already have visual separation) */
.chalo-safari-v2 .content-main .section-block:nth-of-type(even)::before {
display: none !important;
}
/* ================================================================
6. RATES CARD — homepage aesthetic
================================================================ */
.chalo-safari-v2 .rates-card {
border: 1px solid #e8e0d6 !important;
border-top: 3px solid #c8a96e !important;
background: #fff !important;
max-width: 600px !important;
overflow: hidden !important;
}
.chalo-safari-v2 .rates-card-header {
background: #faf7f2 !important;
padding: 14px 24px !important;
border-bottom: 1px solid #e8e0d6 !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
color: #6b6560 !important;
}
.chalo-safari-v2 .rates-row {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
padding: 18px 24px !important;
}
.chalo-safari-v2 .rates-period {
font-family: 'Montserrat', sans-serif !important;
font-size: 15px !important;
font-weight: 400 !important;
color: #4a4340 !important;
}
.chalo-safari-v2 .rates-price {
font-family: 'Cormorant Garamond', serif !important;
font-size: 26px !important;
font-weight: 500 !important;
color: #c8a96e !important;
}
/* ================================================================
7. BEST MONTHS CALENDAR — gold/cream badges
================================================================ */
/* Ensure Best Months section has white background */
.chalo-safari-v2 .section-block:has(.months-grid) {
background: #ffffff !important;
background-color: #ffffff !important;
}
.chalo-safari-v2 .months-grid {
display: grid !important;
grid-template-columns: repeat(6, 1fr) !important;
gap: 10px !important;
max-width: 100% !important;
}
.chalo-safari-v2 .month-cell {
text-align: center !important;
padding: 14px 8px !important;
border: 1px solid #e8e0d6 !important;
background: #fff !important;
transition: transform 0.2s !important;
}
.chalo-safari-v2 .month-cell .month-name {
font-size: 13px !important;
font-weight: 600 !important;
letter-spacing: 0.5px !important;
display: block !important;
margin-bottom: 4px !important;
color: #4a4340 !important;
}
.chalo-safari-v2 .month-cell .month-status {
font-size: 11px !important;
font-weight: 400 !important;
}
.chalo-safari-v2 .month-cell.best {
background: #c8a96e !important;
border-color: #c8a96e !important;
}
.chalo-safari-v2 .month-cell.best .month-name,
.chalo-safari-v2 .month-cell.best .month-status {
color: #fff !important;
}
.chalo-safari-v2 .month-cell.closed {
background: #faf7f2 !important;
border-color: #e8e0d6 !important;
opacity: 0.7 !important;
}
.chalo-safari-v2 .month-cell.good {
background: #e0c88a !important;
border-color: #c8a96e !important;
}
.chalo-safari-v2 .month-cell.good .month-name,
.chalo-safari-v2 .month-cell.good .month-status {
color: #464646 !important;
}
.chalo-safari-v2 .month-cell.fair {
background: #f0ebe4 !important;
}
.chalo-safari-v2 .month-cell.fair .month-name,
.chalo-safari-v2 .month-cell.fair .month-status {
color: #6b6560 !important;
}
.chalo-safari-v2 .month-cell.closed .month-name,
.chalo-safari-v2 .month-cell.closed .month-status {
color: #6b6560 !important;
}
/* ================================================================
8. ENQUIRY SECTION — bold luxury dark redesign
================================================================ */
.chalo-safari-v2 .enquiry-section,
body.single-safari-tours .enquiry-section {
background: linear-gradient(160deg, #0d1a0c 0%, #152312 50%, #1c2f18 80%, #0d1a0c 100%) !important;
padding: 90px 40px !important;
border-top: 3px solid #c8a96e !important;
position: relative !important;
overflow: hidden !important;
}
/* Subtle texture overlay */
.chalo-safari-v2 .enquiry-section::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c8a96e' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
pointer-events: none !important;
z-index: 0 !important;
}
.chalo-safari-v2 .enquiry-section > * {
position: relative !important;
z-index: 1 !important;
}
.chalo-safari-v2 .enquiry-section::before {
display: none !important;
}
.chalo-safari-v2 .enquiry-section h2 {
color: #fff !important;
font-family: 'Cormorant Garamond', serif !important;
font-size: 52px !important;
font-weight: 300 !important;
text-align: center !important;
margin-bottom: 8px !important;
letter-spacing: 0.5px !important;
line-height: 1.1 !important;
}
.chalo-safari-v2 .enquiry-subtitle,
.chalo-safari-v2 .enquiry-section .enquiry-subtitle {
color: #c8a96e !important;
text-align: center !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: 3px !important;
text-transform: uppercase !important;
margin-bottom: 40px !important;
display: block !important;
}
/* Gold divider under heading */
.chalo-safari-v2 .enquiry-section h2 + * {
margin-top: 0 !important;
}
/* WPForms container — dark glass card */
.chalo-safari-v2 .enquiry-section .wpforms-container {
max-width: 750px !important;
margin: 0 auto !important;
background: rgba(255,255,255,0.04) !important;
border: 1px solid rgba(200,169,110,0.25) !important;
padding: 40px 48px !important;
box-shadow: none !important;
}
/* WPForms field labels */
.chalo-safari-v2 .enquiry-section .wpforms-field-label,
.chalo-safari-v2 .enquiry-section .wpforms-field-sublabel {
color: rgba(250,247,242,0.75) !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
margin-bottom: 12px !important;
}
/* Text inputs — bottom-border only on dark bg */
.chalo-safari-v2 .enquiry-section input[type="text"],
.chalo-safari-v2 .enquiry-section input[type="email"],
.chalo-safari-v2 .enquiry-section input[type="tel"],
.chalo-safari-v2 .enquiry-section input[type="number"],
.chalo-safari-v2 .enquiry-section select,
.chalo-safari-v2 .enquiry-section textarea,
.chalo-safari-v2 .enquiry-section .wpforms-field input,
.chalo-safari-v2 .enquiry-section .wpforms-field select,
.chalo-safari-v2 .enquiry-section .wpforms-field textarea {
border: none !important;
border-bottom: 1px solid rgba(200,169,110,0.45) !important;
background: transparent !important;
border-radius: 0 !important;
padding: 10px 0 !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 15px !important;
color: #faf7f2 !important;
outline: none !important;
box-shadow: none !important;
}
.chalo-safari-v2 .enquiry-section .wpforms-field input:focus,
.chalo-safari-v2 .enquiry-section .wpforms-field textarea:focus {
border-bottom-color: #c8a96e !important;
box-shadow: none !important;
}
.chalo-safari-v2 .enquiry-section input::placeholder,
.chalo-safari-v2 .enquiry-section textarea::placeholder {
color: rgba(250,247,242,0.3) !important;
}
/* Radio/checkbox choice buttons on dark bg */
.chalo-safari-v2 .enquiry-section .wpforms-field-radio ul,
.chalo-safari-v2 .enquiry-section .wpforms-field-checkbox ul {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
.chalo-safari-v2 .enquiry-section .wpforms-field-radio li,
.chalo-safari-v2 .enquiry-section .wpforms-field-checkbox li {
display: inline-block !important;
margin: 0 !important;
}
.chalo-safari-v2 .enquiry-section .wpforms-field-radio input[type="radio"],
.chalo-safari-v2 .enquiry-section .wpforms-field-checkbox input[type="checkbox"] {
position: absolute !important;
opacity: 0 !important;
pointer-events: none !important;
width: 0 !important;
height: 0 !important;
}
.chalo-safari-v2 .enquiry-section .wpforms-field-radio li label,
.chalo-safari-v2 .enquiry-section .wpforms-field-checkbox li label {
display: inline-block !important;
padding: 10px 22px !important;
border: 1px solid rgba(200,169,110,0.55) !important;
background: transparent !important;
color: rgba(250,247,242,0.85) !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 12px !important;
font-weight: 500 !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
border-radius: 0 !important;
white-space: nowrap !important;
letter-spacing: 0.5px !important;
}
.chalo-safari-v2 .enquiry-section .wpforms-field-radio li label:hover,
.chalo-safari-v2 .enquiry-section .wpforms-field-checkbox li label:hover {
border-color: #c8a96e !important;
color: #c8a96e !important;
background: rgba(200,169,110,0.08) !important;
}
.chalo-safari-v2 .enquiry-section .wpforms-field-radio input:checked + label,
.chalo-safari-v2 .enquiry-section .wpforms-field-checkbox input:checked + label {
background: #c8a96e !important;
border-color: #c8a96e !important;
color: #fff !important;
}
/* Submit button */
.chalo-safari-v2 .enquiry-section .wpforms-submit,
.chalo-safari-v2 .enquiry-section button[type="submit"] {
background: #c8a96e !important;
color: #fff !important;
border: none !important;
border-radius: 0 !important;
padding: 18px 60px !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 3px !important;
text-transform: uppercase !important;
cursor: pointer !important;
transition: all 0.25s ease !important;
margin-top: 16px !important;
display: block !important;
width: auto !important;
}
.chalo-safari-v2 .enquiry-section .wpforms-submit:hover,
.chalo-safari-v2 .enquiry-section button[type="submit"]:hover {
background: #b8954e !important;
transform: translateY(-2px) !important;
box-shadow: 0 8px 30px rgba(200,169,110,0.4) !important;
}
/* WPForms error messages */
.chalo-safari-v2 .enquiry-section .wpforms-error {
color: #ffb4a0 !important;
font-size: 12px !important;
}
/* WPForms select dropdown */
.chalo-safari-v2 .enquiry-section select option {
background: #2c1810 !important;
color: #faf7f2 !important;
}
/* ================================================================
9. RECOMMENDED SAFARIS — full-width, card polish
================================================================ */
.chalo-safari-v2 .tours-section {
background: #f0ece7 !important;
padding: 70px 0 80px !important;
margin-left: calc(-50vw + 50%) !important;
width: 100vw !important;
}
.chalo-safari-v2 .tours-section h2 {
font-family: 'Cormorant Garamond', serif !important;
font-size: 42px !important;
font-weight: 400 !important;
text-align: center !important;
margin-bottom: 40px !important;
color: #2c1810 !important;
}
.chalo-safari-v2 .tours-grid {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 24px !important;
}
.chalo-safari-v2 .tour-card {
background: #fff !important;
border: 1px solid #e8e0d6 !important;
overflow: hidden !important;
transition: all 0.3s !important;
border-radius: 0 !important;
}
.chalo-safari-v2 .tour-card:hover {
box-shadow: 0 8px 30px rgba(0,0,0,0.10) !important;
transform: translateY(-4px) !important;
border-top: 2px solid #c8a96e !important;
}
.chalo-safari-v2 .tour-card-img {
height: 200px !important;
overflow: hidden !important;
}
.chalo-safari-v2 .tour-card-img img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
transition: transform 0.5s !important;
}
.chalo-safari-v2 .tour-card:hover .tour-card-img img {
transform: scale(1.05) !important;
}
.chalo-safari-v2 .tour-card-body {
padding: 20px !important;
}
.chalo-safari-v2 .tour-card-body h3 {
font-family: 'Cormorant Garamond', serif !important;
font-size: 18px !important;
font-weight: 600 !important;
color: #2c1810 !important;
line-height: 1.4 !important;
margin-bottom: 8px !important;
}
/* Tour card meta (injected by JS) */
.chalo-safari-v2 .tour-card-meta {
font-family: 'Montserrat', sans-serif !important;
font-size: 13px !important;
color: #6b6560 !important;
margin-bottom: 8px !important;
}
.chalo-safari-v2 .tour-card-meta .meta-price {
color: #c8a96e !important;
font-weight: 600 !important;
}
.chalo-safari-v2 .tour-card-link {
font-size: 13px !important;
font-weight: 600 !important;
color: #c8a96e !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
}
/* ================================================================
10. FOOTER — hide duplicate template footer
================================================================ */
/* Hide v2 template custom-footer if present (homepage footer is injected separately) */
body.single-safari-tours .custom-footer {
display: block !important;
}
/* Hide abbreviated footer - full homepage footer (.custom-footer) is shown instead */
.chalo-custom-footer {
display: none !important;
}
/* ================================================================
11. GENERAL TYPOGRAPHY & POLISH
================================================================ */
/* H2 headings consistent */
.chalo-safari-v2 .section-block h2 {
font-family: 'Cormorant Garamond', serif !important;
font-size: 38px !important;
font-weight: 400 !important;
color: #2c1810 !important;
letter-spacing: 0.3px !important;
margin-bottom: 24px !important;
}
/* Remove any ::after from h2 */
.chalo-safari-v2 .section-block h2::after {
content: '' !important;
display: block !important;
width: 60px !important;
height: 1px !important;
background: #c8a96e !important;
margin: 16px auto 0 !important;
}
/* Body text */
.chalo-safari-v2 .section-block p {
font-family: 'Montserrat', sans-serif !important;
font-size: 16px !important;
font-weight: 300 !important;
line-height: 1.8 !important;
color: #4a4340 !important;
}
/* Highlight text */
.chalo-safari-v2 .highlight-text {
font-size: 17px !important;
line-height: 1.8 !important;
color: #4a4340 !important;
font-style: italic !important;
border-left: 3px solid #c8a96e !important;
padding-left: 20px !important;
}
/* Itinerary CTA links */
.chalo-safari-v2 .itinerary-cta {
color: #c8a96e !important;
font-weight: 600 !important;
font-size: 13px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
}
.chalo-safari-v2 .itinerary-cta:hover {
color: #b8954e !important;
}
.chalo-safari-v2 .itinerary-cta svg {
stroke: #c8a96e !important;
}
/* Itinerary day cards border hover */
.chalo-safari-v2 .itinerary-day:hover {
border-color: #c8a96e !important;
}
/* Gallery hover */
.chalo-safari-v2 .gallery-item:hover img {
transform: scale(1.05) !important;
}
.chalo-safari-v2 .gallery-arrow:hover {
background: #c8a96e !important;
color: #fff !important;
border-color: #c8a96e !important;
}
/* Map container */
.chalo-safari-v2 .map-container {
border: none !important;
box-shadow: none !important;
border-radius: 0 !important;
max-width: 800px !important;
margin: 0 auto !important;
width: 100% !important;
}
/* Accommodation cards hover */
.chalo-safari-v2 .accom-card:hover {
border-top: 2px solid #c8a96e !important;
}
/* Hide empty/ghost accommodation cards */
.chalo-safari-v2 .accom-card:not(:has(h3)):not(:has(img)) {
display: none !important;
}
/* Breadcrumb links */
.chalo-safari-v2 .breadcrumb a {
color: #c8a96e !important;
}
.chalo-safari-v2 .breadcrumb a:hover {
color: #b8954e !important;
}
/* ================================================================
12. WPFORMS GLOBAL OVERRIDES (for enquiry on this page)
================================================================ */
/* Choices.js dropdown (country selector) border-radius */
body.single-safari-tours .choices__inner,
body.single-safari-tours .choices__list--dropdown,
body.single-safari-tours .choices__input {
border-radius: 0 !important;
}
/* WPForms datepicker */
body.single-safari-tours .wpforms-datepicker-wrap input {
border-radius: 0 !important;
}
/* ================================================================
13. RESPONSIVE ADJUSTMENTS
================================================================ */
@media (max-width: 1024px) {
.chalo-safari-v2 .tours-grid {
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media (max-width: 768px) {
body.single-safari-tours section.hero h1 {
font-size: 32px !important;
}
body.single-safari-tours section.hero .hero-meta {
flex-direction: column !important;
gap: 16px !important;
padding: 16px !important;
}
.chalo-safari-v2 .content-main .section-block:nth-of-type(even) {
margin-left: -16px !important;
margin-right: -16px !important;
padding-left: 16px !important;
padding-right: 16px !important;
}
.chalo-safari-v2 .tours-grid {
grid-template-columns: 1fr !important;
}
.chalo-safari-v2 .months-grid {
grid-template-columns: repeat(4, 1fr) !important;
}
.chalo-safari-v2 .enquiry-section {
padding: 40px 20px !important;
}
.chalo-safari-v2 .section-block h2 {
font-size: 30px !important;
}
}
@media (max-width: 480px) {
.chalo-safari-v2 .months-grid {
grid-template-columns: repeat(3, 1fr) !important;
}
.chalo-safari-v2 .section-block h2 {
font-size: 26px !important;
}
}
/* === v75 FIXES === */
body.chalo-safari-v2-page .hero-badge {
background: transparent !important;
border: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
padding: 4px 0 !important;
}
body.chalo-safari-v2-page .hero-badge br { display: none !important; }
body.chalo-safari-v2-page .hero-badge svg { flex-shrink: 0; vertical-align: middle; }
body.chalo-safari-v2-page .tours-section {
grid-column: 1 / -1 !important;
width: 100% !important;
max-width: none !important;
margin-right: 0 !important;
}
body.chalo-safari-v2-page header.ct-header:not(.chalo-scrolled) {
background: transparent !important;
position: absolute !important;
width: 100% !important;
z-index: 9999 !important;
}
body.chalo-safari-v2-page header.ct-header:not(.chalo-scrolled) .ct-header-inner,
body.chalo-safari-v2-page header.ct-header:not(.chalo-scrolled) .ct-container {
background: transparent !important;
}
body.chalo-safari-v2-page header.ct-header:not(.chalo-scrolled) .menu-item a,
body.chalo-safari-v2-page header.ct-header:not(.chalo-scrolled) .site-title a,
body.chalo-safari-v2-page header.ct-header:not(.chalo-scrolled) .ct-header-cart,
body.chalo-safari-v2-page header.ct-header:not(.chalo-scrolled) .ct-header-account { color: #fff !important; }
/* Nav row height matching homepage */
body.chalo-safari-v2-page header.ct-header [data-row] {
padding: 20px 0 !important;
}
/* Nav container width */
body.chalo-safari-v2-page header.ct-header .ct-container {
max-width: 1280px !important;
margin: 0 auto !important;
padding-left: 40px !important;
padding-right: 40px !important;
box-sizing: border-box !important;
width: 100% !important;
}
body.chalo-safari-v2-page header.ct-header.chalo-scrolled {
background: #fff !important;
position: fixed !important;
box-shadow: 0 2px 20px rgba(0,0,0,0.08) !important;
}
body.chalo-safari-v2-page header.ct-header.chalo-scrolled .menu-item a { color: #2c1810 !important; }
/* ── v76 Batch Fixes ── */
body.single-safari-tours .hero-subtitle { display: none !important; }
body.single-safari-tours .hero-badge br { display: none !important; }
body.chalo-safari-v2-page .rates-card { width: 100% !important; max-width: none !important; box-sizing: border-box !important; }
body.chalo-safari-v2-page .section-block h2 { text-align: center !important; }
body.chalo-safari-v2-page .section-block h2::after { content: ''; display: block; width: 60px; height: 1px; background: linear-gradient(90deg, #c8a96e, #c8a96e); margin: 14px auto 0; opacity: 0.8; }
body.chalo-safari-v2-page .section-block:nth-of-type(1) p, body.chalo-safari-v2-page .section-block:nth-of-type(2) p { text-align: center !important; max-width: 720px; margin-left: auto !important; margin-right: auto !important; }
body.chalo-safari-v2-page .section-block:nth-of-type(5) ul, body.chalo-safari-v2-page .section-block:nth-of-type(5) ol { border-left: none !important; padding-left: 20px !important; }
body.chalo-safari-v2-page .content-main { padding-right: 48px !important; }
body.chalo-safari-v2-page .sidebar-sticky { border: none !important; overflow: visible !important; }
body.chalo-safari-v2-page .sidebar-card { border: 1px solid #e8e0d6 !important; overflow: hidden !important; }
/* Accommodation: auto-fit grid works for any number of cards */
body.chalo-safari-v2-page .accom-grid {
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
}
/* Single camp: full-width horizontal featured card */
body.chalo-safari-v2-page .accom-grid .accom-grid.single-camp .accom-card {
display: grid !important;
grid-template-columns: 420px 1fr !important;
grid-column: 1 / -1 !important;
width: 100% !important;
border: 1px solid #e8e0d6 !important;
transition: box-shadow 0.3s ease, transform 0.3s ease !important;
}
body.chalo-safari-v2-page .accom-grid.single-camp .accom-card:hover {
box-shadow: 0 8px 30px rgba(0,0,0,0.10) !important;
transform: translateY(-2px) !important;
}
body.chalo-safari-v2-page .accom-grid.single-camp .accom-card .accom-card-img {
height: 100% !important;
min-height: 280px !important;
}
body.chalo-safari-v2-page .accom-grid.single-camp .accom-card .accom-card-img img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
body.chalo-safari-v2-page .accom-grid.single-camp .accom-card .accom-card-body {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
padding: 40px !important;
background: #faf7f2 !important;
}
body.chalo-safari-v2-page .accom-grid.single-camp .accom-card .accom-card-body h3 {
font-family: 'Cormorant Garamond', serif !important;
font-size: 28px !important;
font-weight: 400 !important;
color: #2c1810 !important;
margin-bottom: 12px !important;
line-height: 1.3 !important;
}
body.chalo-safari-v2-page .accom-grid.single-camp .accom-card .accom-card-type {
color: #6b6560 !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 13px !important;
letter-spacing: 0.5px !important;
display: flex !important;
align-items: center !important;
gap: 8px !important;
}
@media (max-width: 768px) {
body.chalo-safari-v2-page .accom-grid .accom-grid.single-camp .accom-card {
grid-template-columns: 1fr !important;
}
body.chalo-safari-v2-page .accom-grid.single-camp .accom-card .accom-card-img {
min-height: 220px !important;
}
}
/* === v78: Dual logo visibility + breadcrumb br fix === */
/* Non-scrolled: show first img (dark/white-text logo), hide second */
body.chalo-safari-v2-page header.ct-header:not(.chalo-scrolled) .site-logo-container img + img {
display: none !important;
}
/* Scrolled white header: hide first (white-text) logo, show second (dark-text) */
body.chalo-safari-v2-page header.ct-header.chalo-scrolled .site-logo-container img:first-child {
display: none !important;
}
body.chalo-safari-v2-page header.ct-header.chalo-scrolled .site-logo-container img + img {
display: inline !important;
}
/* Breadcrumbs: hide stray
tags, make horizontal */
body.single-safari-tours .breadcrumb br,
body.single-safari-tours .tour-breadcrumb br,
body.chalo-safari-v2-page .breadcrumb br {
display: none !important;
}
body.chalo-safari-v2-page .breadcrumb .container,
body.single-safari-tours .breadcrumb .container {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 4px 6px !important;
}
/* ===== FOOTER MATCH HOMEPAGE v73 ===== */
/* H4 column headings: match homepage 24px Cormorant Garamond gold */
.custom-footer .footer-col h4 {
font-family: 'Cormorant Garamond', serif !important;
font-size: 24px !important;
font-weight: 400 !important;
font-style: italic !important;
color: #c8a96e !important;
}
/* Stay Inspired heading: same treatment */
.custom-footer .footer-newsletter h4 {
font-family: 'Cormorant Garamond', serif !important;
font-size: 24px !important;
font-weight: 400 !important;
font-style: italic !important;
color: #c8a96e !important;
}
/* Newsletter separator: gold */
.custom-footer .footer-newsletter {
border-top: 1px solid rgba(200, 169, 110, 0.2) !important;
}
/* Footer-bottom separator: gold */
.custom-footer .footer-bottom {
border-top: 1px solid rgba(200, 169, 110, 0.2) !important;
}
/* Social icons: gold */
.custom-footer .footer-social a {
color: #c8a96e !important;
}
.custom-footer .footer-social svg {
fill: #c8a96e !important;
stroke: none !important;
}
.custom-footer .footer-social {
justify-content: center !important;
}
/* ===== ENQUIRY FORM + GAP FIXES v73b ===== */
/* 1. Submit button full width */
.chalo-safari-v2 .enquiry-section .wpforms-submit,
body.single-safari-tours .enquiry-section .wpforms-submit,
.chalo-safari-v2 .enquiry-section button[type="submit"] {
width: 100% !important;
display: block !important;
}
/* 2. Hide field description ("Do include any specific...") */
.chalo-safari-v2 .enquiry-section .wpforms-field-description,
body.single-safari-tours .enquiry-section .wpforms-field-description {
display: none !important;
}
/* 3. Remove white gap below enquiry section */
body.single-safari-tours .entry-content {
background: transparent !important;
}
body.single-safari-tours .chalo-safari-v2 ~ p,
body.single-safari-tours .entry-content > p:last-child {
display: none !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
/* ===== FOOTER MATCH HOMEPAGE v73c - layout fixes ===== */
/* 1. Center all footer text */
.custom-footer .footer-grid,
.custom-footer .footer-col,
.custom-footer .footer-col p,
.custom-footer .footer-col ul,
.custom-footer .footer-col li {
text-align: center !important;
}
/* 2. Constrain newsletter to same width as bottom bar */
.custom-footer .footer-newsletter {
max-width: 1200px !important;
margin-left: auto !important;
margin-right: auto !important;
width: 100% !important;
box-sizing: border-box !important;
}
/* 3. Match email input height to homepage (48px / 12px padding) */
.custom-footer .footer-newsletter input[type="email"],
.custom-footer input[type="email"] {
height: 48px !important;
padding: 12px 16px !important;
box-sizing: border-box !important;
}
/* 4. Match subscribe button height to homepage (48px / 12px padding) */
.custom-footer .footer-newsletter button,
.custom-footer .newsletter-form button {
height: 48px !important;
padding: 12px 24px !important;
box-sizing: border-box !important;
}
div.wpforms-container-full .wpforms-form .wpforms-field {
padding: 20px 0 10px !important;
}
#wpforms-47290-field_2 {
border: 1px solid rgba(200,169,110,0.45) !important;
}
.chalo-safari-v2 .enquiry-section .wpforms-field select,
body.single-safari-tours .enquiry-section .wpforms-field select {
appearance: none !important;
-webkit-appearance: none !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23c8a96e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 14px center !important;
background-size: 16px 16px !important;
padding-right: 42px !important;
border: 1px solid rgba(200,169,110,0.45) !important;
cursor: pointer !important;
}
/* Fix floating arrow on itinerary CTA */
.itinerary-cta {
align-items: center !important;
gap: 8px !important;
}
.itinerary-cta svg {
vertical-align: middle !important;
flex-shrink: 0 !important;
display: inline-block !important;
}
/* About This Safari border */
.chalo-safari-v2 .section-block:nth-of-type(2) {
border: 1px solid #e8e0d6 !important;
padding: 40px !important;
}
/* Contact dropdown white bg + input left padding */
.chalo-safari-v2 .enquiry-section .wpforms-field select,
.chalo-safari-v2 .enquiry-section .choices__inner,
.chalo-safari-v2 .enquiry-section .choices[data-type*='select-one'] .choices__inner {
background-color: #ffffff !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23c8a96e' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 14px center !important;
padding-right: 42px !important;
border: 1px solid rgba(200,169,110,0.45) !important;
}
.chalo-safari-v2 .enquiry-section .wpforms-field input[type='text'],
.chalo-safari-v2 .enquiry-section .wpforms-field input[type='email'],
.chalo-safari-v2 .enquiry-section .wpforms-field input[type='tel'],
.chalo-safari-v2 .enquiry-section .wpforms-field textarea,
.chalo-safari-v2 .enquiry-section .wpforms-field select {
padding-left: 16px !important;
}
/* === dest-upgrade.php === */
/* ═══ HERO UPGRADE ═══ */
.chalo-destination .gb-layout-hero-1 { min-height: 85vh !important; }
.chalo-destination .gb-layout-hero-1 .gb-container { position: relative; z-index: 2; }
.dest-hero-subtitle {
font-family: 'Montserrat', sans-serif;
font-size: 17px;
font-weight: 300;
color: rgba(255,255,255,0.85);
letter-spacing: 1px;
margin-top: 10px;
text-align: center;
}
.dest-breadcrumbs {
position: absolute;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
font-family: 'Montserrat', sans-serif;
font-size: 13px;
font-weight: 300;
color: rgba(255,255,255,0.7);
z-index: 3;
}
.dest-breadcrumbs a { color: rgba(255,255,255,0.7); text-decoration: none; }
.dest-breadcrumbs a:hover { color: #c8a96e; }
.dest-breadcrumbs span { margin: 0 8px; }
/* ═══ AT-A-GLANCE STRIP ═══ */
.dest-glance {
display: flex;
justify-content: center;
gap: 0;
padding: 35px 20px;
background: #faf7f2;
border-bottom: 1px solid #e8e0d6;
flex-wrap: wrap;
}
.dest-glance-item {
text-align: center;
padding: 0 35px;
border-right: 1px solid #e8e0d6;
}
.dest-glance-item:last-child { border-right: none; }
.dest-glance-item .glance-icon {
margin-bottom: 8px;
line-height: 1;
}
.dest-glance-item .glance-icon svg {
width: 30px;
height: 30px;
stroke: #c8a96e;
fill: none;
stroke-width: 1.5;
stroke-linecap: round;
stroke-linejoin: round;
}
.dest-glance-item .glance-label {
font-family: 'Montserrat', sans-serif;
font-size: 11px;
font-weight: 500;
letter-spacing: 1.5px;
text-transform: uppercase;
color: #6b6560;
margin-bottom: 4px;
}
.dest-glance-item .glance-value {
font-family: 'Cormorant Garamond', serif;
font-size: 20px;
font-weight: 500;
color: #2c1810;
}
/* ═══ INTRO / NARRATIVE ═══ */
.dest-narrative {
max-width: 800px;
margin: 60px auto 50px;
padding: 0 20px;
text-align: center;
}
.dest-narrative h2 {
font-family: 'Cormorant Garamond', serif !important;
font-size: 42px !important;
font-weight: 400 !important;
color: #2c1810 !important;
margin-bottom: 20px !important;
letter-spacing: 0.3px;
}
.dest-narrative .dest-hr {
border: none;
height: 1px;
background: #c8a96e;
max-width: 60px;
margin: 25px auto;
opacity: 0.6;
}
.dest-narrative p {
font-family: 'Montserrat', sans-serif;
font-size: 17px;
font-weight: 300;
line-height: 1.75;
color: #4a4340;
}
/* ═══ SUB-DESTINATIONS ═══ */
.dest-subdest {
padding: 60px 0;
background: #faf7f2;
}
.dest-subdest h2 {
font-family: 'Cormorant Garamond', serif !important;
font-size: 38px !important;
font-weight: 400 !important;
color: #2c1810 !important;
text-align: center;
margin-bottom: 10px !important;
}
.dest-subdest .dest-hr { border:none; height:1px; background:#c8a96e; max-width:60px; margin:20px auto 40px; opacity:0.6; }
.dest-subdest-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
max-width: 100%;
margin: 0;
padding: 0 20px;
}
.dest-subdest-card {
position: relative;
overflow: hidden;
height: 280px;
cursor: pointer;
border: 1px solid #e8e0d6;
border-top: 3px solid transparent;
transition: border-top-color 0.3s ease;
}
.dest-subdest-card img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.dest-subdest-card:hover { border-top-color: #c8a96e; }
.dest-subdest-card:hover img { transform: scale(1.05); }
.dest-subdest-card .subdest-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 25px 20px 20px;
background: linear-gradient(transparent, rgba(0,0,0,0.7));
color: #fff;
}
.dest-subdest-card .subdest-overlay h3 {
font-family: 'Cormorant Garamond', serif;
font-size: 24px;
font-weight: 500;
margin: 0 0 4px;
color: #fff;
}
.dest-subdest-card .subdest-overlay p {
font-family: 'Montserrat', sans-serif;
font-size: 13px;
font-weight: 300;
margin: 0;
color: rgba(255,255,255,0.85);
}
/* ═══ CATEGORY CARDS (Safari Tours, Camps & Lodges, Special Offers) ═══ */
.dest-categories {
padding: 20px 20px 60px 20px;
background: #fff;
}
.dest-categories h2 {
font-family: 'Cormorant Garamond', serif !important;
font-size: 38px !important;
font-weight: 400 !important;
color: #2c1810 !important;
text-align: center;
margin-bottom: 10px !important;
}
.dest-categories .dest-hr { border:none; height:1px; background:#c8a96e; max-width:60px; margin:20px auto 40px; opacity:0.6; }
.dest-cat-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
max-width: 1200px;
margin: 0 auto;
}
.dest-cat-card {
position: relative;
overflow: hidden;
height: 340px;
border: 1px solid #e8e0d6;
border-top: 3px solid transparent;
transition: box-shadow 0.3s ease, transform 0.3s ease, border-top-color 0.3s ease;
}
.dest-cat-card:hover {
box-shadow: 0 12px 40px rgba(0,0,0,0.12);
transform: translateY(-3px);
border-top-color: #c8a96e;
}
.dest-cat-card img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.dest-cat-card:hover img { transform: scale(1.05); }
.dest-cat-card .cat-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 30px 25px 25px;
background: linear-gradient(transparent, rgba(44,24,16,0.85));
text-align: center;
}
.dest-cat-card .cat-overlay h3 {
font-family: 'Cormorant Garamond', serif;
font-size: 28px;
font-weight: 500;
color: #fff;
margin: 0 0 6px;
}
.dest-cat-card .cat-overlay p {
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 300;
color: rgba(255,255,255,0.85);
margin: 0 0 15px;
}
.chalo-destination .entry-content .dest-cat-card a.cat-btn {
display: inline-block;
background: #c8a96e;
color: #fff !important;
border: none;
padding: 12px 35px;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: 2px;
text-transform: uppercase;
text-decoration: none !important;
transition: background 0.3s ease, transform 0.2s ease;
}
.chalo-destination .entry-content .dest-cat-card a.cat-btn:hover {
background: #b8954e;
transform: translateY(-2px);
}
/* ═══ WHY CHALO TRUST STRIP ═══ */
.dest-trust {
padding: 50px 20px;
background: #faf7f2;
border-top: 1px solid #e8e0d6;
border-bottom: 1px solid #e8e0d6;
}
h2.dest-trust-title {
font-family: 'Cormorant Garamond', serif;
font-size: 38px;
font-weight: 400;
color: #2c1810;
text-align: center;
margin: 0 0 10px 0;
}
.dest-trust-grid {
display: flex;
justify-content: center;
gap: 50px;
max-width: 1000px;
margin: 0 auto;
flex-wrap: wrap;
}
.dest-trust-item {
text-align: center;
flex: 0 0 200px;
}
.dest-trust-item .trust-icon {
font-size: 32px;
margin-bottom: 10px;
color: #c8a96e;
}
.dest-trust-item h4 {
font-family: 'Cormorant Garamond', serif;
font-size: 20px;
font-weight: 500;
color: #2c1810;
margin: 0 0 6px;
}
.dest-trust-item p {
font-family: 'Montserrat', sans-serif;
font-size: 13px;
font-weight: 300;
color: #6b6560;
line-height: 1.6;
margin: 0;
}
/* ═══ SEASONAL CALLOUT ═══ */
.dest-seasonal {
padding: 50px 20px;
background: #ffffff;
text-align: center;
}
.dest-seasonal h3 {
font-family: 'Cormorant Garamond', serif;
font-size: 32px;
font-weight: 400;
color: #2c1810;
margin: 0 0 10px;
}
.dest-seasonal-img { width: 100%; max-width: 800px; margin: 25px auto; display: block; border-radius: 0; }
.dest-seasonal p {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 300;
color: #4a4340;
max-width: 600px;
margin: 0 auto 25px;
line-height: 1.7;
}
.dest-seasonal .seasonal-btn {
display: inline-block;
background: #c8a96e !important;
color: #fff !important;
padding: 14px 45px;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
font-weight: 600;
letter-spacing: 2px;
text-transform: uppercase;
text-decoration: none;
transition: background 0.3s ease;
}
.dest-seasonal .seasonal-btn:hover { background: #b8954e; }
/* ═══ SECTION HEADING (before tour listing) ═══ */
.dest-section-heading {
text-align: center;
padding: 60px 20px 10px;
}
.dest-section-heading h2 {
font-family: 'Cormorant Garamond', serif !important;
font-size: 38px !important;
font-weight: 400 !important;
color: #2c1810 !important;
margin-bottom: 10px !important;
}
.dest-section-heading p {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 300;
color: #6b6560;
max-width: 600px;
margin: 0 auto;
}
.dest-section-heading .dest-hr { border:none; height:1px; background:#c8a96e; max-width:60px; margin:20px auto 10px; opacity:0.6; }
/* ═══ MID-GRID CTA ═══ */
.dest-midcta {
padding: 50px 20px;
background: #faf7f2;
text-align: center;
border-top: 1px solid #e8e0d6;
border-bottom: 1px solid #e8e0d6;
}
.dest-midcta h3 {
font-family: 'Cormorant Garamond', serif;
font-size: 30px;
font-weight: 400;
color: #2c1810;
margin: 0 0 10px;
}
.dest-midcta p {
font-family: 'Montserrat', sans-serif;
font-size: 15px;
font-weight: 300;
color: #6b6560;
max-width: 550px;
margin: 0 auto 20px;
line-height: 1.7;
}
.dest-midcta .midcta-btn {
display: inline-block;
background: #c8a96e;
color: #fff;
padding: 14px 45px;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
font-weight: 600;
letter-spacing: 2px;
text-transform: uppercase;
text-decoration: none;
transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
}
.dest-midcta .midcta-btn:hover {
background: #b8954e;
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(200,169,110,0.3);
}
/* ═══ CAMPS TEASER (horizontal scroll) ═══ */
/* v52: force white text on gold CTA buttons (high specificity) */
.chalo-destination .entry-content a.midcta-btn.midcta-btn,
body.chalo-destination a.midcta-btn.midcta-btn { color: #fff !important; }
.chalo-destination .entry-content a.midcta-btn.midcta-btn:hover,
body.chalo-destination a.midcta-btn.midcta-btn:hover { color: #fff !important; }
.dest-camps {
padding: 60px 20px;
background: #fff;
}
.dest-camps h2 {
font-family: 'Cormorant Garamond', serif !important;
font-size: 38px !important;
font-weight: 400 !important;
color: #2c1810 !important;
text-align: center;
margin-bottom: 10px !important;
}
.dest-camps .dest-hr { border:none; height:1px; background:#c8a96e; max-width:60px; margin:20px auto 30px; opacity:0.6; }
.dest-camps-wrapper {
position: relative;
max-width: 1200px;
margin: 0 auto;
}
.dest-camps-scroll {
display: flex;
gap: 20px;
overflow-x: auto;
padding: 10px 0 20px;
scrollbar-width: thin;
scrollbar-color: #c8a96e #e8e0d6;
scroll-behavior: smooth;
}
.dest-camps-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 44px;
height: 44px;
background: #fff;
border: 1px solid #e8e0d6;
color: #2c1810;
font-size: 20px;
cursor: pointer;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.3s ease, border-color 0.3s ease;
}
.dest-camps-arrow:hover {
background: #c8a96e;
border-color: #c8a96e;
color: #fff;
}
.dest-camps-arrow.arrow-left { left: -22px; }
.dest-camps-arrow.arrow-right { right: -22px; }
.dest-camps-scroll::-webkit-scrollbar { height: 6px; }
.dest-camps-scroll::-webkit-scrollbar-track { background: #e8e0d6; }
.dest-camps-scroll::-webkit-scrollbar-thumb { background: #c8a96e; }
.dest-camp-card {
flex: 0 0 280px;
border: 1px solid #e8e0d6;
border-top: 3px solid transparent;
overflow: hidden;
transition: box-shadow 0.3s ease, transform 0.3s ease, border-top-color 0.3s ease;
}
.dest-camp-card:hover {
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
transform: translateY(-2px);
border-top-color: #c8a96e;
}
.dest-camp-card img {
width: 100%;
height: 180px;
object-fit: cover;
transition: transform 0.5s ease;
}
.dest-camp-card:hover img { transform: scale(1.05); }
.dest-camp-card .camp-info {
padding: 15px;
}
.dest-camp-card .camp-info h4 {
font-family: 'Cormorant Garamond', serif;
font-size: 20px;
font-weight: 500;
color: #2c1810;
margin: 0 0 4px;
}
.dest-camp-card .camp-info p {
font-family: 'Montserrat', sans-serif;
font-size: 13px;
font-weight: 300;
color: #6b6560;
margin: 0;
}
.dest-camp-card a { text-decoration: none; color: inherit; }
/* ═══ RELATED READING ═══ */
.dest-reading {
padding: 60px 0;
background: #faf7f2;
}
.dest-reading h2 {
font-family: 'Cormorant Garamond', serif !important;
font-size: 38px !important;
font-weight: 400 !important;
color: #2c1810 !important;
text-align: center;
margin-bottom: 10px !important;
}
.dest-reading .dest-hr { border:none; height:1px; background:#c8a96e; max-width:60px; margin:20px auto 40px; opacity:0.6; }
.dest-reading-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
max-width: 100%;
margin: 0;
padding: 0 20px;
}
.dest-reading-card {
border: 1px solid #e8e0d6;
border-top: 3px solid transparent;
overflow: hidden;
background: #fff;
transition: box-shadow 0.3s ease, transform 0.3s ease, border-top-color 0.3s ease;
}
.dest-reading-card:hover {
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
transform: translateY(-2px);
border-top-color: #c8a96e;
}
.dest-reading-card img {
width: 100%;
height: 200px;
object-fit: cover;
}
.dest-reading-card .reading-info {
padding: 20px;
}
.dest-reading-card .reading-info .reading-tag {
font-family: 'Montserrat', sans-serif;
font-size: 11px;
font-weight: 500;
letter-spacing: 1.5px;
text-transform: uppercase;
color: #c8a96e;
margin-bottom: 8px;
}
.dest-reading-card .reading-info h4 {
font-family: 'Cormorant Garamond', serif;
font-size: 22px;
font-weight: 500;
color: #2c1810;
margin: 0 0 8px;
line-height: 1.3;
}
.dest-reading-card .reading-info p {
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 300;
color: #6b6560;
line-height: 1.6;
margin: 0;
}
.dest-reading-card a { text-decoration: none; color: inherit; }
/* ═══ MOBILE RESPONSIVE ═══ */
/* v52 Full-width cream sections */
.dest-glance, .dest-subdest, .dest-trust, .dest-midcta, .dest-reading { width: 100vw !important; margin-left: calc(-50vw + 50%) !important; box-sizing: border-box !important; }
/* v52 Taller category cards */
.dest-cat-card { min-height: 380px !important; }
.dest-cat-card img { height: 380px !important; }
@media (max-width: 768px) {
.dest-glance { flex-direction: column; gap: 20px; }
.dest-glance-item { border-right: none; border-bottom: 1px solid #e8e0d6; padding: 0 0 15px; }
.dest-glance-item:last-child { border-bottom: none; padding-bottom: 0; }
.dest-subdest-grid, .dest-cat-grid, .dest-reading-grid, .dest-safaris-grid { grid-template-columns: 1fr; padding: 0 15px; }
.dest-cat-card { height: 280px; }
.dest-trust-grid { gap: 30px; }
.dest-trust-item { flex: 0 0 140px; }
.dest-narrative h2, .dest-subdest h2, .dest-categories h2,
.dest-camps h2, .dest-reading h2, .dest-section-heading h2,
.dest-safaris h2 { font-size: 32px !important; }
.dest-seasonal h3 { font-size: 26px; }
.dest-camps-arrow { display: none; }
.dest-camps-wrapper { padding: 0 15px; }
}
@media (max-width: 480px) {
.dest-narrative h2, .dest-subdest h2, .dest-categories h2,
.dest-camps h2, .dest-reading h2, .dest-section-heading h2,
.dest-safaris h2 { font-size: 28px !important; }
.dest-cat-card { height: 240px; }
.dest-subdest-card { height: 220px; }
.dest-camp-card { flex: 0 0 240px; }
}
/* ═══ HIDE original SEO paragraphs (replaced by narrative) ═══ */
.chalo-destination .entry-content > .wp-block-paragraph:nth-of-type(1),
.chalo-destination .entry-content > .wp-block-paragraph:nth-of-type(2) {
display: none !important;
}
/* ═══ HIDE Plan Your Safari CTA on destination pages ═══ */
.chalo-destination #plan-your-safari-cta {
display: none !important;
}
/* ═══ HIDE safari filters and FacetWP listing (replaced by Browse section) ═══ */
.chalo-destination #safari-filters-wrap {
display: none !important;
}
.chalo-destination .facetwp-template.fwp-ready {
display: none !important;
}
.chalo-destination .facetwp-pager {
display: none !important;
}
/* ═══ BROWSE SAFARIS SECTION ═══ */
.dest-safaris {
padding: 60px 0;
background: #fff;
}
.dest-safaris h2 {
font-family: 'Cormorant Garamond', serif !important;
font-size: 38px !important;
font-weight: 400 !important;
color: #2c1810 !important;
text-align: center;
margin-bottom: 10px !important;
}
.dest-safaris .dest-hr { border:none; height:1px; background:#c8a96e; max-width:60px; margin:20px auto 40px; opacity:0.6; }
.dest-safaris-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
max-width: 100%;
margin: 0;
padding: 0 20px;
}
.dest-safari-card {
border: 1px solid #e8e0d6;
border-top: 3px solid transparent;
overflow: hidden;
background: #fff;
transition: box-shadow 0.3s ease, transform 0.3s ease, border-top-color 0.3s ease;
}
.dest-safari-card:hover {
box-shadow: 0 8px 30px rgba(0,0,0,0.1);
transform: translateY(-3px);
border-top-color: #c8a96e;
}
.dest-safari-card a { text-decoration: none; color: inherit; }
.dest-safari-card img {
width: 100%;
height: 200px;
object-fit: cover;
transition: transform 0.5s ease;
}
.dest-safari-card:hover img { transform: scale(1.05); }
.dest-safari-card .safari-info {
padding: 20px;
}
.dest-safari-card .safari-info h4 {
font-family: 'Cormorant Garamond', serif;
font-size: 22px;
font-weight: 500;
color: #2c1810;
margin: 0 0 8px;
line-height: 1.3;
}
.dest-safari-card .safari-meta {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #e8e0d6;
}
.dest-safari-card .safari-price {
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 500;
color: #c8a96e;
}
.dest-safari-card .safari-duration {
font-family: 'Montserrat', sans-serif;
font-size: 12px;
font-weight: 400;
color: #6b6560;
letter-spacing: 0.5px;
}
.dest-safaris-viewall {
text-align: center;
margin-top: 35px;
}
.dest-safaris-viewall a {
display: inline-block;
background: #c8a96e;
color: #fff !important;
padding: 14px 45px;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
font-weight: 600;
letter-spacing: 2px;
text-transform: uppercase;
text-decoration: none !important;
transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
}
.dest-safaris-viewall a:hover {
background: #b8954e;
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(200,169,110,0.3);
}
body .dest-safaris-viewall a, .chalo-destination .dest-safaris-viewall a, #dest-upgrade-sections .dest-safaris-viewall a { color: #fff !important; }
/* === v71-destination-page-fixes.php === */
/* ================================================================
P2.5 â GOLD LINK COLORS on destination pages
================================================================ */
/* All content links on destination pages â gold */
body.chalo-destination a:not(.dest-btn-gold):not(.gb-button):not([class*="nav"]):not(.site-title a):not(.cat-btn):not(.seasonal-btn):not(.ct-menu-link) {
color: #c8a96e !important;
text-decoration: none !important;
transition: color 0.2s ease !important;
}
body.chalo-destination a:not(.dest-btn-gold):not(.gb-button):not([class*="nav"]):hover {
color: #b8954e !important;
}
/* Scoped content area links (more specific) */
body.chalo-destination .entry-content a,
body.chalo-destination .dest-narrative a,
body.chalo-destination .dest-subdest a,
body.chalo-destination .dest-cat-card a,
body.chalo-destination .dest-reading a,
body.chalo-destination .dest-safari-card a,
body.chalo-destination .dest-camp-card a {
color: #c8a96e !important;
}
body.chalo-destination .entry-content a:hover,
body.chalo-destination .dest-narrative a:hover,
body.chalo-destination .dest-subdest a:hover {
color: #b8954e !important;
}
/* Card title links */
body.chalo-destination .dest-subdest-card h3 a,
body.chalo-destination .dest-cat-card h3 a,
body.chalo-destination .dest-safari-card h3 a,
body.chalo-destination .dest-camp-card h3 a,
body.chalo-destination .dest-reading-card h3 a {
color: #2c1810 !important;
}
body.chalo-destination .dest-subdest-card h3 a:hover,
body.chalo-destination .dest-cat-card h3 a:hover,
body.chalo-destination .dest-safari-card h3 a:hover,
body.chalo-destination .dest-camp-card h3 a:hover,
body.chalo-destination .dest-reading-card h3 a:hover {
color: #c8a96e !important;
}
/* ================================================================
P2.7 â CTA BUTTONS visibility fix
================================================================ */
/* Ensure gold CTA buttons are visible and properly styled */
body.chalo-destination .dest-btn-gold,
body.chalo-destination a.dest-btn-gold {
display: inline-block !important;
background: #c8a96e !important;
color: #fff !important;
padding: 16px 50px !important;
border: none !important;
border-radius: 0 !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
text-decoration: none !important;
text-align: center !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
visibility: visible !important;
opacity: 1 !important;
}
body.chalo-destination .dest-btn-gold:hover,
body.chalo-destination a.dest-btn-gold:hover {
background: #b8954e !important;
transform: translateY(-2px) !important;
box-shadow: 0 8px 25px rgba(200, 169, 110, 0.3) !important;
color: #fff !important;
}
/* Category card CTA buttons */
body.chalo-destination .dest-cat-card .dest-btn-gold {
margin-top: 16px !important;
}
/* "View All" buttons in safari/camps sections */
body.chalo-destination .dest-view-all {
text-align: center !important;
margin-top: 40px !important;
}
body.chalo-destination .dest-view-all .dest-btn-gold {
display: inline-block !important;
}
/* ================================================================
P2.6 â WHY CHALO trust strip styling
================================================================ */
/* Trust strip section */
body.chalo-destination .dest-why {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
background: #faf7f2 !important;
padding: 50px 40px !important;
justify-content: center !important;
gap: 40px !important;
flex-wrap: wrap !important;
}
body.chalo-destination .dest-why-item {
text-align: center !important;
max-width: 220px !important;
}
body.chalo-destination .dest-why-item .dest-why-icon {
font-size: 28px !important;
margin-bottom: 12px !important;
}
body.chalo-destination .dest-why-item h4 {
font-family: 'Cormorant Garamond', serif !important;
font-size: 20px !important;
font-weight: 500 !important;
color: #2c1810 !important;
margin-bottom: 8px !important;
}
body.chalo-destination .dest-why-item p {
font-family: 'Montserrat', sans-serif !important;
font-size: 14px !important;
font-weight: 300 !important;
color: #6b6560 !important;
line-height: 1.6 !important;
}
/* ================================================================
P3.12 â HERO structure: gradient overlay + title styling
================================================================ */
/* Full-bleed hero on destination pages */
body.chalo-destination .wp-block-cover,
body.chalo-destination .gb-block-hero,
body.chalo-destination .entry-content > .wp-block-cover:first-child,
body.chalo-destination .entry-content > .gb-container:first-child {
min-height: 70vh !important;
width: 100vw !important;
margin-left: calc(-50vw + 50%) !important;
position: relative !important;
}
/* Gradient overlay on hero */
body.chalo-destination .wp-block-cover::after,
body.chalo-destination .gb-block-hero::after,
body.chalo-destination .dest-hero::after {
content: '' !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
background: linear-gradient(180deg,
rgba(0,0,0,0.15) 0%,
rgba(0,0,0,0.05) 40%,
rgba(0,0,0,0.5) 100%) !important;
pointer-events: none !important;
z-index: 1 !important;
}
/* Hero title styling */
body.chalo-destination .wp-block-cover h1,
body.chalo-destination .wp-block-cover h2,
body.chalo-destination .gb-block-hero h1,
body.chalo-destination .dest-hero h1 {
font-family: 'Cormorant Garamond', serif !important;
font-size: clamp(42px, 5vw, 68px) !important;
font-weight: 300 !important;
color: #fff !important;
text-align: center !important;
position: relative !important;
z-index: 2 !important;
letter-spacing: 0.88px !important;
}
/* Hero subtitle/breadcrumbs */
body.chalo-destination .dest-hero-subtitle {
font-family: 'Montserrat', sans-serif !important;
font-size: 16px !important;
font-style: italic !important;
color: rgba(255,255,255,0.85) !important;
text-align: center !important;
position: relative !important;
z-index: 2 !important;
}
body.chalo-destination .dest-hero-breadcrumbs {
font-family: 'Montserrat', sans-serif !important;
font-size: 13px !important;
font-weight: 300 !important;
color: rgba(255,255,255,0.7) !important;
text-align: center !important;
position: relative !important;
z-index: 2 !important;
}
body.chalo-destination .dest-hero-breadcrumbs a {
color: rgba(255,255,255,0.7) !important;
}
body.chalo-destination .dest-hero-breadcrumbs a:hover {
color: #c8a96e !important;
}
/* ================================================================
RESPONSIVE â mobile fixes for destination pages
================================================================ */
@media (max-width: 768px) {
body.chalo-destination .dest-why {
flex-direction: column !important;
align-items: center !important;
gap: 24px !important;
padding: 30px 20px !important;
}
body.chalo-destination .dest-btn-gold,
body.chalo-destination a.dest-btn-gold {
padding: 14px 36px !important;
font-size: 13px !important;
}
}
/* === global-nav-fix.php === */
/* -- NON-SCROLLED STATE (transparent overlay on hero) -- */
header.ct-header {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
background-color: transparent !important;
background-image: none !important;
box-shadow: none !important;
z-index: 10000 !important;
transition: background-color 0.3s ease, box-shadow 0.3s ease, position 0s;
}
.admin-bar header.ct-header {
top: 32px !important;
}
/* Nav links - white on transparent hero */
header.ct-header:not(.chalo-scrolled) [data-id="menu"] .ct-menu-link {
color: #ffffff !important;
text-shadow: 0 1px 4px rgba(0,0,0,0.5);
font-size: 15px !important;
font-weight: 500 !important;
}
header.ct-header:not(.chalo-scrolled) [data-id="menu"] .ct-menu-link:hover,
header.ct-header:not(.chalo-scrolled) [data-id="menu"] .ct-menu-link:focus {
color: #c8a96e !important;
}
/* Logo - preserve golden circle (no brightness/invert filter) */
/* High specificity to override destination-css.php, listing-page.php, etc. */
header.ct-header:not(.chalo-scrolled) .site-logo-container img,
body.chalo-destination header[data-id="type-1"]:not(.ct-sticky) .site-logo-container img,
body.chalo-destination header[data-id="type-1"]:not(.chalo-scrolled) .site-logo-container img,
body.chalo-standalone header.ct-header:not(.chalo-scrolled) .site-logo-container img,
body.page-id-46296 header.ct-header:not(.chalo-scrolled) .site-logo-container img,
body header.ct-header:not(.chalo-scrolled) .site-logo-container img.default-logo {
filter: none !important;
}
/* Search icon - white */
header.ct-header:not(.chalo-scrolled) .ct-header-search svg {
color: #ffffff !important;
fill: #ffffff !important;
}
header.ct-header:not(.chalo-scrolled) .ct-header-search:hover svg {
color: #c8a96e !important;
fill: #c8a96e !important;
}
/* CTA Start Planning - ghost button (white outline) */
header.ct-header:not(.chalo-scrolled) #menu-item-45977 > a.ct-menu-link,
header.ct-header:not(.chalo-scrolled) #menu-item-45977 > .ct-menu-link,
header.ct-header:not(.chalo-scrolled) .reddish-background > a.ct-menu-link,
header.ct-header:not(.chalo-scrolled) .reddish-background > .ct-menu-link {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
border: 1.5px solid #ffffff !important;
color: #ffffff !important;
padding: 10px 28px !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 2.5px !important;
text-transform: uppercase !important;
border-radius: 0 !important;
transition: all 0.3s ease !important;
}
header.ct-header:not(.chalo-scrolled) #menu-item-45977 > a.ct-menu-link:hover,
header.ct-header:not(.chalo-scrolled) .reddish-background > a.ct-menu-link:hover {
background: rgba(255,255,255,0.15) !important;
border-color: #c8a96e !important;
color: #c8a96e !important;
}
/* Dropdown menus - stay readable */
header.ct-header:not(.chalo-scrolled) [data-id="menu"] .sub-menu {
background: #ffffff !important;
box-shadow: 0 4px 20px rgba(0,0,0,0.1) !important;
}
header.ct-header:not(.chalo-scrolled) [data-id="menu"] .sub-menu .ct-menu-link {
color: #2c1810 !important;
text-shadow: none !important;
}
header.ct-header:not(.chalo-scrolled) [data-id="menu"] .sub-menu .ct-menu-link:hover {
color: #c8a96e !important;
}
/* Mobile hamburger - white */
header.ct-header:not(.chalo-scrolled) [data-id="trigger"] svg,
header.ct-header:not(.chalo-scrolled) .ct-toggle svg {
color: #ffffff !important;
}
header.ct-header:not(.chalo-scrolled) [data-id="trigger"] .ct-label {
color: #ffffff !important;
}
/* -- SCROLLED STATE (white sticky header) -- */
header.ct-header.chalo-scrolled {
position: fixed !important;
background-color: #ffffff !important;
box-shadow: 0 2px 10px rgba(0,0,0,0.08) !important;
transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.admin-bar header.ct-header.chalo-scrolled {
top: 32px !important;
}
/* Nav links - dark brown on white */
header.ct-header.chalo-scrolled [data-id="menu"] .ct-menu-link {
color: #2c1810 !important;
text-shadow: none !important;
}
header.ct-header.chalo-scrolled [data-id="menu"] .ct-menu-link:hover,
header.ct-header.chalo-scrolled [data-id="menu"] .ct-menu-link:focus {
color: #c8a96e !important;
}
/* Logo - normal (golden circle preserved) */
header.ct-header.chalo-scrolled .site-logo-container img,
body.chalo-destination header[data-id="type-1"].ct-sticky .site-logo-container img,
body.chalo-destination header[data-id="type-1"].chalo-scrolled .site-logo-container img,
body.chalo-standalone header.ct-header.chalo-scrolled .site-logo-container img,
body.page-id-46296 header.ct-header.chalo-scrolled .site-logo-container img,
body header.ct-header.chalo-scrolled .site-logo-container img.default-logo {
filter: none !important;
}
/* Search icon - dark */
header.ct-header.chalo-scrolled .ct-header-search svg {
color: #2c1810 !important;
fill: #2c1810 !important;
}
header.ct-header.chalo-scrolled .ct-header-search:hover svg {
color: #c8a96e !important;
fill: #c8a96e !important;
}
/* CTA - gold filled button */
header.ct-header.chalo-scrolled #menu-item-45977 > a.ct-menu-link,
header.ct-header.chalo-scrolled #menu-item-45977 > .ct-menu-link,
header.ct-header.chalo-scrolled .reddish-background > a.ct-menu-link,
header.ct-header.chalo-scrolled .reddish-background > .ct-menu-link {
background: #c8a96e !important;
background-color: #c8a96e !important;
border: 2px solid #c8a96e !important;
color: #ffffff !important;
padding: 10px 28px !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 2.5px !important;
text-transform: uppercase !important;
border-radius: 0 !important;
}
header.ct-header.chalo-scrolled #menu-item-45977 > a.ct-menu-link:hover,
header.ct-header.chalo-scrolled .reddish-background > a.ct-menu-link:hover {
background: #b8954e !important;
border-color: #b8954e !important;
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(200,169,110,0.3);
}
/* Mobile hamburger - dark on scrolled */
header.ct-header.chalo-scrolled [data-id="trigger"] svg,
header.ct-header.chalo-scrolled .ct-toggle svg {
color: #2c1810 !important;
}
header.ct-header.chalo-scrolled [data-id="trigger"] .ct-label {
color: #2c1810 !important;
}
/* -- MOBILE RESPONSIVE -- */
@media (max-width: 768px) {
header.ct-header:not(.chalo-scrolled) [data-id="menu"] .ct-menu-link {
font-size: 13px !important;
}
header.ct-header:not(.chalo-scrolled) #menu-item-45977 > a.ct-menu-link,
header.ct-header:not(.chalo-scrolled) .reddish-background > a.ct-menu-link {
padding: 8px 20px !important;
font-size: 11px !important;
}
}
@media (max-width: 480px) {
.admin-bar header.ct-header {
top: 46px !important;
}
.admin-bar header.ct-header.chalo-scrolled {
top: 46px !important;
}
}
/* -- SAFARI TOUR DETAIL PAGES (header.site-header) -- */
/* These use a custom template with a different header class */
header.site-header,
body .site-header {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
background: transparent !important;
box-shadow: none !important;
z-index: 9999 !important;
transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.admin-bar header.site-header {
top: 32px !important;
}
/* Non-scrolled - white text, ghost button */
header.site-header:not(.chalo-scrolled) .nav-primary a,
header.site-header:not(.chalo-scrolled) nav a {
color: #ffffff !important;
text-shadow: 0 1px 4px rgba(0,0,0,0.5) !important;
}
header.site-header:not(.chalo-scrolled) .nav-primary a:hover {
color: #c8a96e !important;
}
header.site-header:not(.chalo-scrolled) .site-logo-container img,
header.site-header:not(.chalo-scrolled) .custom-logo {
filter: none !important;
}
header.site-header:not(.chalo-scrolled) .nav-primary .reddish-background a,
header.site-header:not(.chalo-scrolled) .ab-button a {
background: transparent !important;
border: 1.5px solid #ffffff !important;
color: #ffffff !important;
padding: 10px 28px !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 2.5px !important;
text-transform: uppercase !important;
border-radius: 0 !important;
}
/* Scrolled - white bg, dark text, gold button */
header.site-header.chalo-scrolled {
position: fixed !important;
background: #ffffff !important;
box-shadow: 0 2px 10px rgba(0,0,0,0.08) !important;
}
.admin-bar header.site-header.chalo-scrolled {
top: 32px !important;
}
header.site-header.chalo-scrolled .nav-primary a,
header.site-header.chalo-scrolled nav a {
color: #2c1810 !important;
text-shadow: none !important;
}
header.site-header.chalo-scrolled .nav-primary a:hover {
color: #c8a96e !important;
}
header.site-header.chalo-scrolled .site-logo-container img,
header.site-header.chalo-scrolled .custom-logo {
filter: none !important;
}
header.site-header.chalo-scrolled .nav-primary .reddish-background a,
header.site-header.chalo-scrolled .ab-button a {
background: #c8a96e !important;
border: 2px solid #c8a96e !important;
color: #ffffff !important;
}
/* === additional-css.php === */
' . "\n";
echo <<<'CSSBLOCK'
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&display=swap');
/* ============================================
CHALO AFRICA - BLOCKSY THEME CUSTOM CSS
v2 - 2026-03-05
Full-width hero, transparent nav, sticky scroll
============================================ */
/* ===========================================
1. TRANSPARENT HEADER (overlaying hero)
=========================================== */
/* Make header transparent and overlay on top of content */
.home header[data-id="type-1"] {
position: absolute !important;
top: 0;
left: 0;
right: 0;
z-index: 1000;
background: transparent !important;
box-shadow: none !important;
}
.home header[data-id="type-1"] [data-row="middle"] {
background: transparent !important;
}
/* White nav text on hero */
.home header[data-id="type-1"] [data-id="menu"] > ul > li > a {
color: #FFFFFF !important;
}
.home header[data-id="type-1"] [data-id="menu"] > ul > li > a:hover {
color: #C8A96E !important;
}
/* White logo area */
.home header[data-id="type-1"] .site-title a,
.home header[data-id="type-1"] .site-branding a {
color: #FFFFFF !important;
}
/* Search icon white */
.home header[data-id="type-1"] [data-id="search"] svg,
.home header[data-id="type-1"] .ct-search svg {
color: #FFFFFF !important;
fill: #FFFFFF !important;
}
/* START PLANNING button on hero - gold/outline style */
.home header[data-id="type-1"] .menu-item-45977 > a,
.home header[data-id="type-1"] .reddish-background > a,
.home header[data-id="type-1"] .ab-button > a {
background-color: transparent !important;
border: 2px solid #C8A96E !important;
color: #FFFFFF !important;
padding: 10px 24px !important;
border-radius: 0 !important;
font-family: 'Montserrat', 'Montserrat', sans-serif !important;
font-size: 13px !important;
font-weight: 600 !important;
letter-spacing: 1.95px !important;
text-transform: uppercase !important;
transition: all 0.3s ease !important;
line-height: 1 !important;
}
.home header[data-id="type-1"] .menu-item-45977 > a:hover,
.home header[data-id="type-1"] .reddish-background > a:hover,
.home header[data-id="type-1"] .ab-button > a:hover {
background-color: #C8A96E !important;
color: #FFFFFF !important;
}
/* ===========================================
2. STICKY HEADER ON SCROLL
=========================================== */
/* When Blocksy adds sticky class */
header[data-id="type-1"].ct-sticky,
header[data-id="type-1"][data-sticky="yes"] {
position: fixed !important;
top: 0 !important;
background: #FFFFFF !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
animation: slideDown 0.3s ease;
}
@keyframes slideDown {
from { transform: translateY(-100%); opacity: 0; }
to { transform: translateY(0); opacity: 1; }
}
header[data-id="type-1"].ct-sticky [data-row="middle"],
header[data-id="type-1"][data-sticky="yes"] [data-row="middle"] {
background: #FFFFFF !important;
}
/* Dark text on scroll */
header[data-id="type-1"].ct-sticky [data-id="menu"] > ul > li > a,
header[data-id="type-1"][data-sticky="yes"] [data-id="menu"] > ul > li > a {
color: #2C1810 !important;
}
header[data-id="type-1"].ct-sticky [data-id="menu"] > ul > li > a:hover,
header[data-id="type-1"][data-sticky="yes"] [data-id="menu"] > ul > li > a:hover {
color: #00A99D !important;
}
/* Search icon dark on scroll */
header[data-id="type-1"].ct-sticky [data-id="search"] svg,
header[data-id="type-1"][data-sticky="yes"] [data-id="search"] svg,
header[data-id="type-1"].ct-sticky .ct-search svg,
header[data-id="type-1"][data-sticky="yes"] .ct-search svg {
color: #2C1810 !important;
fill: #2C1810 !important;
}
/* Gold CTA button on scroll */
header[data-id="type-1"].ct-sticky .menu-item-45977 > a,
header[data-id="type-1"][data-sticky="yes"] .menu-item-45977 > a,
header[data-id="type-1"].ct-sticky .reddish-background > a,
header[data-id="type-1"][data-sticky="yes"] .reddish-background > a {
background-color: #C8A96E !important;
border: 2px solid #C8A96E !important;
color: #FFFFFF !important;
}
header[data-id="type-1"].ct-sticky .menu-item-45977 > a:hover,
header[data-id="type-1"][data-sticky="yes"] .menu-item-45977 > a:hover {
background-color: #b89855 !important;
}
/* ===========================================
3. FULL-WIDTH HERO IMAGE
=========================================== */
/* Remove content container max-width for hero */
.home .site-main > .ct-container {
max-width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
/* Make the Genesis Blocks hero full-width */
.home .gb-layout-business-1,
.home .gb-layout-business-1.alignfull {
max-width: 100vw !important;
width: 100vw !important;
margin-left: calc(-50vw + 50%) !important;
margin-right: calc(-50vw + 50%) !important;
}
/* Hero inner section styling */
.home .gb-layout-hero-1 {
min-height: 100vh !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
position: relative !important;
overflow: hidden !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding-top: 15% !important;
}
/* Hero background image */
.home .gb-layout-hero-1 .gb-container-image-wrap {
position: absolute !important;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.home .gb-layout-hero-1 .gb-container-image {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
position: absolute !important;
top: 0;
left: 0;
}
/* Dark overlay on hero image */
.home .gb-layout-hero-1 .gb-container-image.has-background-dim::after,
.home .gb-layout-hero-1::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(
to bottom,
rgba(0,0,0,0.55) 0%,
rgba(0,0,0,0.25) 40%,
rgba(0,0,0,0.45) 100%
);
z-index: 1;
pointer-events: none;
}
/* Hero content above overlay */
.home .gb-layout-hero-1 .gb-container-content {
position: relative !important;
z-index: 2 !important;
}
/* Push page content below header since header is absolute */
.home .entry-content {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* Hide the page title / hero section that Blocksy adds */
.home .hero-section,
.home .entry-header,
.home .ct-hero-section {
display: none !important;
}
/* ===========================================
4. NAVIGATION STYLING (all pages)
=========================================== */
/* Navigation menu styling */
[data-id="menu"] > ul > li > a {
font-family: 'Montserrat', 'Montserrat', sans-serif;
font-size: 13px;
font-weight: 600;
letter-spacing: 1.5px;
text-transform: uppercase;
color: #2C1810;
}
[data-id="menu"] > ul > li > a:hover {
color: #00A99D;
}
/* START PLANNING button (non-home / default) */
.menu-item-45977 > a,
.reddish-background > a,
.ab-button > a {
background-color: #E87461 !important;
color: #FFFFFF !important;
padding: 10px 24px !important;
border-radius: 0 !important;
font-family: 'Montserrat', 'Montserrat', sans-serif !important;
font-size: 13px !important;
font-weight: 600 !important;
letter-spacing: 1.95px !important;
text-transform: uppercase !important;
transition: all 0.3s ease !important;
line-height: 1 !important;
border: 2px solid #E87461 !important;
}
.menu-item-45977 > a:hover,
.reddish-background > a:hover {
background-color: #d45a47 !important;
border-color: #d45a47 !important;
color: #FFFFFF !important;
}
/* Dropdown menu styling */
.ct-header .sub-menu {
background-color: #FFFFFF;
border-top: 2px solid #00A99D;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.ct-header .sub-menu li a {
color: #2C1810;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 400;
}
.ct-header .sub-menu li a:hover {
color: #00A99D;
background-color: #FAF7F2;
}
/* Hide SearchWP modal trigger styling */
.menu-item-61843 > a {
background-color: transparent !important;
padding: 0 !important;
border: none !important;
letter-spacing: normal !important;
}
/* ===========================================
5. FOOTER STYLING
=========================================== */
.ct-footer {
background-color: #1C1409 !important;
color: #D4C5A9 !important;
}
.ct-footer a {
color: #D4C5A9 !important;
}
.ct-footer a:hover {
color: #C8A96E !important;
}
.ct-footer [class*="copyright"] {
color: #D4C5A9 !important;
border-top-color: rgba(212, 197, 169, 0.2) !important;
}
.ct-footer h2, .ct-footer h3, .ct-footer h4, .ct-footer .widget-title {
color: #FFFFFF !important;
font-family: 'Cormorant Garamond', Georgia, serif;
}
/* ===========================================
6. GENERAL
=========================================== */
body {
background-color: #FFFFFF;
}
.site-main {
padding-top: 0;
}
/* Ensure nav text is bright white on hero */
.home header[data-id="type-1"] [data-id="menu"] > ul > li > a,
.home header[data-id="type-1"] .ct-header-account,
.home header[data-id="type-1"] [data-id="menu"] nav {
color: #FFFFFF !important;
text-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
/* Hero heading bigger like reference */
.home .gb-layout-hero-1 h1 {
font-size: 72px !important;
font-weight: 300 !important;
line-height: 1.15 !important;
text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
/* Dropdown arrow white */
.home header[data-id="type-1"] [data-id="menu"] > ul > li > a .ct-arrow-icon,
.home header[data-id="type-1"] [data-id="menu"] > ul > li > a svg {
color: #FFFFFF !important;
}
/* ============================================
v3 FIXES - 2026-03-05
Nav selector fix, hero text white, START PLANNING visibility
============================================ */
/* Force hero text white */
.home .gb-layout-hero-1 h1,
.home .gb-layout-hero-1 h2,
.home .gb-layout-hero-1 p,
.home .gb-layout-hero-1 .gb-container-content,
.home .gb-layout-hero-1 .gb-container-content * {
color: #FFFFFF !important;
}
.home .gb-layout-hero-1 h1 {
font-size: 72px !important;
font-weight: 300 !important;
line-height: 1.15 !important;
text-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
font-family: 'Cormorant Garamond', Georgia, serif !important;
}
.home .gb-layout-hero-1 p {
text-shadow: 0 1px 4px rgba(0,0,0,0.4) !important;
font-style: italic;
}
/* Make nav text white with text-shadow on homepage hero */
.home header[data-id="type-1"] [data-id="menu"] > ul > li > a,
.home header[data-id="type-1"] .ct-menu-link {
color: #FFFFFF !important;
text-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
.home header[data-id="type-1"] [data-id="menu"] > ul > li > a:hover,
.home header[data-id="type-1"] .ct-menu-link:hover {
color: #C8A96E !important;
}
/* START PLANNING in More dropdown - ensure gold outline on homepage */
.home header[data-id="type-1"] .menu-item-45977 > a {
background-color: transparent !important;
border: 2px solid #C8A96E !important;
color: #FFFFFF !important;
padding: 10px 24px !important;
border-radius: 0 !important;
font-size: 13px !important;
font-weight: 600 !important;
letter-spacing: 1.95px !important;
text-transform: uppercase !important;
line-height: 1 !important;
}
/* Fix dropdown arrow colors on homepage */
.home header[data-id="type-1"] .ct-toggle-dropdown-desktop svg {
color: #FFFFFF !important;
}
/* Nav text uppercase */
.home header[data-id="type-1"] .ct-menu-link,
header[data-id="type-1"] .ct-menu-link,
[data-id="menu"] > ul > li > a {
text-transform: uppercase !important;
font-size: 13px !important;
font-weight: 600 !important;
letter-spacing: 1.5px !important;
}
/* Sticky header - account for admin bar when logged in */
body.admin-bar header[data-id="type-1"].ct-sticky {
top: 32px !important;
}
/* Sticky header nav text dark */
header[data-id="type-1"].ct-sticky .ct-menu-link {
color: #2C1810 !important;
text-shadow: none !important;
}
header[data-id="type-1"].ct-sticky .ct-menu-link:hover {
color: #C8A96E !important;
}
/* Sticky header logo/branding dark */
header[data-id="type-1"].ct-sticky .site-title a,
header[data-id="type-1"].ct-sticky .site-branding a {
color: #2C1810 !important;
}
/* Sticky header search icon dark */
header[data-id="type-1"].ct-sticky [data-id="search"] svg,
header[data-id="type-1"].ct-sticky .ct-search svg {
color: #2C1810 !important;
fill: #2C1810 !important;
}
/* Sticky header dropdown arrows dark */
header[data-id="type-1"].ct-sticky .ct-toggle-dropdown-desktop svg {
color: #2C1810 !important;
}
/* Sticky START PLANNING - solid gold */
header[data-id="type-1"].ct-sticky .menu-item-45977 > a {
background-color: #C8A96E !important;
border-color: #C8A96E !important;
color: #FFFFFF !important;
}
header[data-id="type-1"].ct-sticky .menu-item-45977 > a:hover {
background-color: #b8995e !important;
}
/* HIGH SPECIFICITY: Sticky on homepage - override transparent nav colors */
.home header[data-id="type-1"].ct-sticky {
background: #FFFFFF !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
}
.home header[data-id="type-1"].ct-sticky [data-row="middle"] {
background: #FFFFFF !important;
}
.home header[data-id="type-1"].ct-sticky .ct-menu-link,
.home header[data-id="type-1"].ct-sticky [data-id="menu"] > ul > li > a {
color: #2C1810 !important;
text-shadow: none !important;
}
.home header[data-id="type-1"].ct-sticky .ct-menu-link:hover,
.home header[data-id="type-1"].ct-sticky [data-id="menu"] > ul > li > a:hover {
color: #C8A96E !important;
}
.home header[data-id="type-1"].ct-sticky .site-title a,
.home header[data-id="type-1"].ct-sticky .site-branding a {
color: #2C1810 !important;
}
.home header[data-id="type-1"].ct-sticky [data-id="search"] svg,
.home header[data-id="type-1"].ct-sticky .ct-search svg {
color: #2C1810 !important;
fill: #2C1810 !important;
}
.home header[data-id="type-1"].ct-sticky .ct-toggle-dropdown-desktop svg {
color: #2C1810 !important;
}
.home header[data-id="type-1"].ct-sticky .menu-item-45977 > a {
background-color: #C8A96E !important;
border-color: #C8A96E !important;
color: #FFFFFF !important;
}
/* ============================================
FIX: Remove article margin for full-width hero
============================================ */
/* Remove article margins on homepage for full-bleed */
.home .ct-container-full > article {
margin-left: 0 !important;
margin-right: 0 !important;
max-width: 100% !important;
width: 100% !important;
}
.home .entry-content.is-layout-constrained {
max-width: 100% !important;
width: 100% !important;
}
/* Hero block needs to fill full width */
.home .gb-layout-business-1 {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
}
/* Restore content width for non-hero sections */
.home .entry-content.is-layout-constrained > *:not(.gb-layout-business-1):not(.alignfull):not(.alignwide) {
max-width: 1296px !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* ============================================
v4 FIXES - Match reference image exactly
Nav: no uppercase, lighter weight
Hero: centered text and buttons
Single search icon, white outline START PLANNING
============================================ */
/* 1. NAV: Remove uppercase, use title case with lighter weight */
.home header[data-id="type-1"] .ct-menu-link,
header[data-id="type-1"] .ct-menu-link,
[data-id="menu"] > ul > li > a {
text-transform: none !important;
font-size: 15px !important;
font-weight: 400 !important;
letter-spacing: 0.3px !important;
font-family: 'Montserrat', Montserrat, sans-serif !important;
}
/* Sticky state nav also non-uppercase */
.home header[data-id="type-1"].ct-sticky .ct-menu-link,
header[data-id="type-1"].ct-sticky .ct-menu-link {
text-transform: none !important;
font-size: 15px !important;
font-weight: 400 !important;
letter-spacing: 0.3px !important;
}
/* 2. HERO: Center text and buttons */
.home .gb-layout-hero-1 .gb-container-content {
text-align: center !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
padding: 0 5% !important;
}
.home .gb-layout-hero-1 h1 {
text-align: center !important;
font-size: 80px !important;
font-weight: 300 !important;
line-height: 1.1 !important;
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-style: italic !important;
}
.home .gb-layout-hero-1 p {
text-align: center !important;
font-style: italic !important;
font-size: 20px !important;
font-weight: 300 !important;
font-family: 'Cormorant Garamond', Georgia, serif !important;
letter-spacing: 0.5px !important;
}
/* Center the CTA buttons row */
.home .gb-layout-hero-1 .gb-container-content .wp-block-buttons,
.home .gb-layout-hero-1 .gb-container-content .gb-block-layout-column-inner {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
text-align: center !important;
width: 100% !important;
}
.home .gb-layout-hero-1 .gb-container-content .wp-block-button,
.home .gb-layout-hero-1 .gb-container-content a.gb-button {
margin-left: auto !important;
margin-right: auto !important;
}
/* 3. START PLANNING button - white outline on hero (match reference) */
.home header[data-id="type-1"] .menu-item-45977 > a {
background-color: transparent !important;
border: 1.5px solid #FFFFFF !important;
color: #FFFFFF !important;
padding: 10px 28px !important;
border-radius: 0 !important;
font-size: 13px !important;
font-weight: 500 !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
line-height: 1 !important;
}
.home header[data-id="type-1"] .menu-item-45977 > a:hover {
background-color: rgba(255,255,255,0.15) !important;
}
/* 4. Hide duplicate search icon (SearchWP modal) */
.home header[data-id="type-1"] .menu-item-61843 {
display: none !important;
}
header[data-id="type-1"] .menu-item-61843 {
display: none !important;
}
/* ============================================
v5 FIXES - Dropdown styling, START PLANNING size
============================================ */
/* Dropdown menu styling - gold top border, clean white bg */
header[data-id="type-1"] .sub-menu,
.ct-header .sub-menu {
background-color: #FFFFFF !important;
border-top: 3px solid #C8A96E !important;
border-radius: 0 !important;
box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
padding: 0 !important;
min-width: 220px !important;
}
header[data-id="type-1"] .sub-menu li {
border-bottom: 1px solid #f0ece4 !important;
}
header[data-id="type-1"] .sub-menu li:last-child {
border-bottom: none !important;
}
header[data-id="type-1"] .sub-menu li a,
.ct-header .sub-menu li a {
color: #2C1810 !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 15px !important;
font-weight: 400 !important;
padding: 14px 20px !important;
text-transform: none !important;
letter-spacing: 0 !important;
transition: color 0.2s ease !important;
}
header[data-id="type-1"] .sub-menu li a:hover,
.ct-header .sub-menu li a:hover {
color: #C8A96E !important;
background-color: transparent !important;
}
/* Active dropdown item */
header[data-id="type-1"] .sub-menu li.current-menu-item a {
color: #C8A96E !important;
}
/* START PLANNING button - smaller size */
.home header[data-id="type-1"] .menu-item-45977 > a,
header[data-id="type-1"] .menu-item-45977 > a,
.menu-item-45977 > a {
padding: 8px 20px !important;
font-size: 11px !important;
letter-spacing: 1.2px !important;
}
/* Sticky state START PLANNING also smaller */
.home header[data-id="type-1"].ct-sticky .menu-item-45977 > a,
header[data-id="type-1"].ct-sticky .menu-item-45977 > a {
padding: 8px 20px !important;
font-size: 11px !important;
}
/* Dropdown on homepage hero - keep white bg readable */
.home header[data-id="type-1"] .sub-menu li a {
color: #2C1810 !important;
text-shadow: none !important;
}
/* ============================================
v6 FIXES - Hero centering, gradient, image opacity
============================================ */
/* Center the hero content properly */
.home .gb-layout-hero-1 .gb-container-inside {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
}
.home .gb-layout-hero-1 .gb-container-content {
max-width: 900px !important;
margin-left: auto !important;
margin-right: auto !important;
text-align: center !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
}
.home .gb-layout-hero-1 h1 {
text-align: center !important;
width: 100% !important;
}
/* Hero image - slightly visible through gradient */
.home .gb-layout-hero-1 .gb-container-image {
opacity: 0.8 !important;
}
/* Gradient overlay - more refined for better readability */
.home .gb-layout-hero-1::before {
content: '' !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
background: linear-gradient(
to bottom,
rgba(0,0,0,0.5) 0%,
rgba(0,0,0,0.3) 30%,
rgba(0,0,0,0.2) 50%,
rgba(0,0,0,0.4) 80%,
rgba(0,0,0,0.55) 100%
) !important;
z-index: 1 !important;
pointer-events: none !important;
}
/* Ensure hero buttons are centered */
.home .gb-layout-hero-1 .wp-block-buttons {
justify-content: center !important;
width: 100% !important;
}
.home .gb-layout-hero-1 .wp-block-button {
margin-left: auto !important;
margin-right: auto !important;
}
/* ============================================
v7 FIXES - Heading strong override, nav font size
============================================ */
/* Override strong tag in hero heading - light italic, NOT bold */
.home .gb-layout-hero-1 h1 strong,
.home .gb-layout-hero-1 h1 b {
font-weight: 300 !important;
font-style: italic !important;
font-family: 'Cormorant Garamond', Georgia, serif !important;
}
.home .gb-layout-hero-1 h1 {
font-weight: 300 !important;
font-style: italic !important;
}
/* Navigation font size - smaller to match reference */
.home header[data-id="type-1"] .ct-menu-link,
header[data-id="type-1"] .ct-menu-link,
[data-id="menu"] > ul > li > a {
font-size: 13px !important;
font-weight: 400 !important;
letter-spacing: 0.5px !important;
}
/* Sticky state too */
.home header[data-id="type-1"].ct-sticky .ct-menu-link,
header[data-id="type-1"].ct-sticky .ct-menu-link {
font-size: 13px !important;
}
/* ============================================
v8 - Navigation padding, buttons, stats bar,
Choose Your Wilderness, WhatsApp hide
============================================ */
/* --- Navigation vertical padding (non-scrolled) --- */
.home header[data-id="type-1"] [data-row="middle"] {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
/* --- Navigation vertical padding (scrolled/sticky) --- */
header[data-id="type-1"].ct-sticky [data-row="middle"],
header[data-id="type-1"][data-sticky="yes"] [data-row="middle"] {
padding-top: 15px !important;
padding-bottom: 15px !important;
}
/* --- Dropdown arrows white on hero --- */
.home header[data-id="type-1"] [data-id="menu"] .ct-toggle-dropdown-desktop svg,
.home header[data-id="type-1"] [data-id="menu"] .ct-toggle-dropdown-desktop {
color: #FFFFFF !important;
fill: #FFFFFF !important;
}
/* --- Dropdown arrows dark on scroll --- */
header[data-id="type-1"].ct-sticky [data-id="menu"] .ct-toggle-dropdown-desktop svg,
header[data-id="type-1"].ct-sticky [data-id="menu"] .ct-toggle-dropdown-desktop,
.home header[data-id="type-1"].ct-sticky [data-id="menu"] .ct-toggle-dropdown-desktop svg,
.home header[data-id="type-1"].ct-sticky [data-id="menu"] .ct-toggle-dropdown-desktop {
color: #3d3226 !important;
fill: #3d3226 !important;
}
/* --- START PLANNING gold filled on scroll --- */
.home header[data-id="type-1"].ct-sticky .menu-item-45977 > a {
background-color: #C8A96E !important;
color: #FFFFFF !important;
border: 1px solid #C8A96E !important;
border-radius: 0 !important;
text-transform: none !important;
}
.home header[data-id="type-1"].ct-sticky .menu-item-45977 > a:hover {
background-color: #b8964e !important;
border-color: #b8964e !important;
color: #FFFFFF !important;
}
/* --- Hero heading italic fix --- */
.home .gb-layout-hero-1 h1,
.home .gb-layout-hero-1 h1.wp-block-heading,
.home .gb-layout-hero-1 h1 strong,
.home .gb-layout-hero-1 h1 b {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-style: italic !important;
font-weight: 300 !important;
}
/* --- Begin Your Journey button --- */
.home .gb-layout-hero-1 .wp-block-button:not(.is-style-outline) .wp-block-button__link {
background-color: #00a99d !important;
color: #ffffff !important;
font-weight: 500 !important;
letter-spacing: 0.15em !important;
font-size: 13px !important;
text-transform: uppercase !important;
border-radius: 0 !important;
padding: 16px 48px !important;
border: none !important;
box-shadow: none !important;
transition: all 0.3s ease !important;
}
.home .gb-layout-hero-1 .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
background-color: #008f85 !important;
color: #ffffff !important;
}
/* --- Speak with a specialist button --- */
.home .gb-layout-hero-1 .wp-block-button.is-style-outline .wp-block-button__link {
background: transparent !important;
border: none !important;
color: rgba(255, 255, 255, 0.85) !important;
font-size: 15px !important;
font-weight: 300 !important;
letter-spacing: 0.05em !important;
padding: 8px 0 !important;
text-transform: none !important;
box-shadow: none !important;
min-width: auto !important;
border-radius: 0 !important;
}
.home .gb-layout-hero-1 .wp-block-button.is-style-outline .wp-block-button__link:hover {
color: #C8A96E !important;
}
/* --- Space between hero buttons --- */
.home .gb-layout-hero-1 .wp-block-buttons {
gap: 20px !important;
}
/* --- 5,000+ Guests stats bar --- */
.home .gb-layout-columns-4.border-grey {
padding: 36px 0 !important;
border-top: 1px solid rgba(44, 24, 16, 0.15) !important;
border-bottom: 1px solid rgba(44, 24, 16, 0.15) !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.home .gb-layout-columns-4.border-grey p {
font-family: 'Montserrat', -apple-system, sans-serif !important;
font-size: 13px !important;
font-weight: 500 !important;
letter-spacing: 0.15em !important;
text-transform: uppercase !important;
color: #2C1810 !important;
}
/* --- Choose Your Wilderness section --- */
.home h2#h-choose-your-wilderness,
.home h2.wp-block-heading.dancing.font-medium {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: clamp(38px, 4.5vw, 58px) !important;
font-weight: 400 !important;
color: #2C1810 !important;
letter-spacing: 0.02em !important;
line-height: 1.15 !important;
}
/* --- Separator under Choose Your Wilderness --- */
.home .gb-layout-service-2 hr,
.home .gb-layout-service-2 .wp-block-separator {
border-color: #C8A96E !important;
width: 60px !important;
margin: 15px auto !important;
}
/* --- Fifteen+ countries subtitle --- */
.home .gb-layout-service-2 p.has-text-align-center {
font-size: 17px !important;
line-height: 1.85 !important;
font-weight: 300 !important;
color: #2C1810 !important;
font-family: 'Montserrat', -apple-system, sans-serif !important;
}
/* --- Hide WhatsApp Click to Chat button --- */
#ht-ctc-chat,
.ht-ctc,
.ht-ctc-chat {
display: none !important;
visibility: hidden !important;
}
/* ============================================
v9 - Destination cards, share-fab hide,
gold hover border on cards
============================================ */
/* --- Hide floating share sidebar --- */
.share-fab {
display: none !important;
visibility: hidden !important;
}
/* --- Destination Cards (Kenya, Tanzania, etc.) --- */
/* Target the 4-col layout that is NOT the stats bar */
.home .gb-layout-columns-4:not(.border-grey) .gb-block-layout-column {
background: #FFFFFF !important;
border: 1px solid rgba(44, 24, 16, 0.1) !important;
border-top: 3px solid transparent !important;
border-radius: 0 !important;
overflow: hidden !important;
transition: all 0.3s ease !important;
box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
}
.home .gb-layout-columns-4:not(.border-grey) .gb-block-layout-column:hover {
border-top: 3px solid #C8A96E !important;
box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
}
/* Card inner padding */
.home .gb-layout-columns-4:not(.border-grey) .gb-block-layout-column-inner {
padding: 0 !important;
}
/* Card image */
.home .gb-layout-columns-4:not(.border-grey) .gb-block-layout-column-inner figure {
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
.home .gb-layout-columns-4:not(.border-grey) .gb-block-layout-column-inner figure img {
width: 100% !important;
height: 220px !important;
object-fit: cover !important;
display: block !important;
transition: transform 0.4s ease !important;
}
.home .gb-layout-columns-4:not(.border-grey) .gb-block-layout-column:hover figure img {
transform: scale(1.05) !important;
}
/* Card text area */
.home .gb-layout-columns-4:not(.border-grey) .gb-block-layout-column-inner > div {
padding: 25px 20px 30px !important;
text-align: center !important;
}
/* Country name heading */
.home .gb-layout-columns-4:not(.border-grey) h3.wp-block-heading {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 28px !important;
font-weight: 600 !important;
color: #2C1810 !important;
margin-bottom: 15px !important;
line-height: 1.2 !important;
}
.home .gb-layout-columns-4:not(.border-grey) h3 a {
color: #2C1810 !important;
text-decoration: none !important;
}
.home .gb-layout-columns-4:not(.border-grey) h3 a:hover {
color: #C8A96E !important;
}
/* Description text */
.home .gb-layout-columns-4:not(.border-grey) .gb-block-layout-column-inner > div > p {
font-family: 'Montserrat', -apple-system, sans-serif !important;
font-size: 15px !important;
font-weight: 300 !important;
color: #5a5a5a !important;
line-height: 1.7 !important;
margin-bottom: 20px !important;
}
/* Price text (gold) */
.home .gb-layout-columns-4:not(.border-grey) p strong,
.home .gb-layout-columns-4:not(.border-grey) p b {
color: #C8A96E !important;
font-weight: 600 !important;
font-size: 15px !important;
}
/* Duration text */
.home .gb-layout-columns-4:not(.border-grey) p em,
.home .gb-layout-columns-4:not(.border-grey) p i {
color: #999 !important;
font-style: normal !important;
font-weight: 300 !important;
font-size: 14px !important;
}
/* Card container spacing */
.home .gb-layout-columns-4:not(.border-grey) {
gap: 25px !important;
padding: 0 5% !important;
}
/* ============================================
v10 - Trust section, Curated Experiences,
Small Group Expeditions, KlipKlop, Out of Africa,
share-fab hide fix
============================================ */
/* --- SHARE FAB FLOATING SIDEBAR --- */
.share-fab,
.share-fab * {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
/* ============================================
WHY 5,000+ TRAVELERS TRUST US SECTION
============================================ */
/* Trust section wrapper - cream background */
.home .entry-content > .gb-layout-service-2:nth-of-type(2) {
background-color: #faf7f2 !important;
padding: 80px 5% 70px !important;
}
/* Trust section heading */
#h-why-5000-travelers-trust-us {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: clamp(34px, 4vw, 52px) !important;
font-weight: 400 !important;
color: #2C1810 !important;
letter-spacing: 0.02em !important;
line-height: 1.15 !important;
margin-bottom: 15px !important;
}
/* Trust section subtitle */
.home .entry-content > .gb-layout-service-2:nth-of-type(2) p.has-text-align-center {
font-size: 17px !important;
font-weight: 300 !important;
color: #2C1810 !important;
line-height: 1.85 !important;
max-width: 700px !important;
margin: 0 auto 40px !important;
}
/* Trust 3-column cards */
.home .gb-layout-columns-3 {
gap: 0 !important;
max-width: 1100px !important;
margin: 0 auto !important;
}
.home .gb-layout-columns-3 .gb-block-layout-column {
background: rgba(255,255,255,0.5) !important;
border: 1px solid rgba(44, 24, 16, 0.08) !important;
padding: 35px 30px !important;
text-align: center !important;
position: relative !important;
}
/* Gold line on top of trust cards */
.home .gb-layout-columns-3 .gb-block-layout-column::before {
content: '' !important;
display: block !important;
width: 40px !important;
height: 2px !important;
background: #C8A96E !important;
margin: 0 auto 25px !important;
}
/* Trust card headings */
.home .gb-layout-columns-3 h3 {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 24px !important;
font-weight: 600 !important;
color: #2C1810 !important;
margin-bottom: 15px !important;
}
/* Trust card body text */
.home .gb-layout-columns-3 p {
font-family: 'Montserrat', -apple-system, sans-serif !important;
font-size: 15px !important;
font-weight: 300 !important;
color: #5a5a5a !important;
line-height: 1.7 !important;
}
/* ============================================
CURATED SAFARI EXPERIENCES SECTION
============================================ */
.chalo-experiences {
padding: 60px 5% 50px !important;
background: #FFFFFF !important;
}
.chalo-experiences__header {
text-align: center !important;
margin-bottom: 40px !important;
}
.chalo-experiences__title {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: clamp(34px, 4vw, 52px) !important;
font-weight: 400 !important;
color: #2C1810 !important;
letter-spacing: 0.02em !important;
margin-bottom: 10px !important;
}
.chalo-experiences__rule {
width: 50px !important;
height: 2px !important;
background: #C8A96E !important;
margin: 0 auto !important;
}
.chalo-experiences__grid {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 25px !important;
max-width: 1400px !important;
margin: 0 auto !important;
}
/* Curated experience cards */
.chalo-exp-card {
position: relative !important;
display: block !important;
border-radius: 0 !important;
overflow: hidden !important;
aspect-ratio: 3/4 !important;
text-decoration: none !important;
}
.chalo-exp-card__img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
transition: transform 0.5s ease !important;
}
.chalo-exp-card:hover .chalo-exp-card__img {
transform: scale(1.08) !important;
}
.chalo-exp-card__overlay {
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
padding: 30px 20px !important;
background: linear-gradient(transparent, rgba(0,0,0,0.7)) !important;
color: #FFFFFF !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-end !important;
}
.chalo-exp-card__subtitle {
font-size: 11px !important;
letter-spacing: 0.15em !important;
text-transform: uppercase !important;
color: rgba(255,255,255,0.7) !important;
margin-bottom: 5px !important;
font-weight: 400 !important;
}
.chalo-exp-card__title {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 24px !important;
font-weight: 400 !important;
color: #FFFFFF !important;
margin-bottom: 8px !important;
line-height: 1.2 !important;
}
.chalo-exp-card__price {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 16px !important;
font-style: italic !important;
color: rgba(255,255,255,0.8) !important;
margin-bottom: 0 !important;
}
.chalo-exp-card__cta {
font-size: 12px !important;
letter-spacing: 0.15em !important;
text-transform: uppercase !important;
color: #C8A96E !important;
margin-top: 12px !important;
opacity: 0 !important;
transform: translateY(10px) !important;
transition: all 0.3s ease !important;
display: block !important;
}
.chalo-exp-card:hover .chalo-exp-card__cta {
opacity: 1 !important;
transform: translateY(0) !important;
}
/* ============================================
SMALL GROUP EXPEDITIONS SECTION
============================================ */
.ec-section {
background-color: #3d3226 !important;
padding: 60px 5% 70px !important;
}
.ec-section-title {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: clamp(34px, 4vw, 52px) !important;
font-weight: 400 !important;
color: #FFFFFF !important;
text-align: center !important;
letter-spacing: 0.02em !important;
margin-bottom: 40px !important;
}
.ec-grid {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 30px !important;
max-width: 1200px !important;
margin: 0 auto 40px !important;
}
.ec-card {
position: relative !important;
border-radius: 0 !important;
overflow: hidden !important;
aspect-ratio: 4/3 !important;
}
.ec-card-link {
display: block !important;
width: 100% !important;
height: 100% !important;
text-decoration: none !important;
}
.ec-card-img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
transition: transform 0.5s ease !important;
}
.ec-card:hover .ec-card-img,
.ec-card:hover .ec-card-link img {
transform: scale(1.05) !important;
}
.ec-card-overlay {
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
padding: 30px 25px !important;
background: linear-gradient(transparent, rgba(0,0,0,0.65)) !important;
color: #FFFFFF !important;
}
.ec-card-overlay h3 {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 28px !important;
font-weight: 400 !important;
color: #FFFFFF !important;
margin-bottom: 5px !important;
}
.ec-card-subtitle {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 16px !important;
font-style: italic !important;
color: rgba(255,255,255,0.7) !important;
margin-bottom: 10px !important;
}
.ec-card-detail {
font-size: 12px !important;
letter-spacing: 0.12em !important;
text-transform: uppercase !important;
color: #C8A96E !important;
}
/* Expedition CTA button */
.ec-cta {
text-align: center !important;
}
.ec-cta a,
.ec-cta-btn {
display: inline-block !important;
background-color: #00a99d !important;
color: #FFFFFF !important;
font-size: 13px !important;
font-weight: 500 !important;
letter-spacing: 0.15em !important;
text-transform: uppercase !important;
padding: 16px 40px !important;
border-radius: 0 !important;
text-decoration: none !important;
transition: background 0.3s ease !important;
}
.ec-cta a:hover,
.ec-cta-btn:hover {
background-color: #008f85 !important;
}
/* ============================================
KLIPKLOP CLASSIC AFRICAN SAFARIS
============================================ */
.klipklop-section {
display: flex !important;
align-items: center !important;
gap: 60px !important;
padding: 80px 8% !important;
background: #FFFFFF !important;
max-width: 1400px !important;
margin: 0 auto !important;
}
.kk-image {
flex: 0 0 45% !important;
position: relative !important;
}
.kk-image img {
border-radius: 0 !important;
width: 100% !important;
object-fit: cover !important;
}
.kk-content {
flex: 1 !important;
}
.kk-content h2 {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: clamp(30px, 3.5vw, 44px) !important;
font-weight: 400 !important;
color: #2C1810 !important;
margin-bottom: 10px !important;
line-height: 1.2 !important;
}
.kk-subtitle {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 18px !important;
font-style: italic !important;
color: #C8A96E !important;
margin-bottom: 25px !important;
}
.kk-desc {
font-family: 'Montserrat', -apple-system, sans-serif !important;
font-size: 16px !important;
font-weight: 300 !important;
color: #5a5a5a !important;
line-height: 1.7 !important;
margin-bottom: 25px !important;
}
.kk-checklist {
list-style: none !important;
padding: 0 !important;
margin-bottom: 30px !important;
}
.kk-checklist li {
font-family: 'Montserrat', -apple-system, sans-serif !important;
font-size: 16px !important;
font-weight: 300 !important;
color: #2C1810 !important;
line-height: 1.7 !important;
padding: 8px 0 !important;
padding-left: 28px !important;
position: relative !important;
}
.kk-checklist li::before {
content: '\2713' !important;
position: absolute !important;
left: 0 !important;
color: #C8A96E !important;
font-size: 18px !important;
}
.kk-cta a {
display: inline-block !important;
background-color: #C8A96E !important;
color: #FFFFFF !important;
font-size: 13px !important;
font-weight: 500 !important;
letter-spacing: 0.15em !important;
text-transform: uppercase !important;
padding: 16px 40px !important;
border-radius: 0 !important;
text-decoration: none !important;
transition: background 0.3s ease !important;
}
.kk-cta a:hover {
background-color: #b8964e !important;
}
/* ============================================
OUT OF AFRICA SECTION
============================================ */
/* Out of Africa heading (standalone h2, idx 9) */
.home .entry-content > h2#h-out-of-africa {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: clamp(34px, 4vw, 52px) !important;
font-weight: 400 !important;
color: #2C1810 !important;
letter-spacing: 0.02em !important;
line-height: 1.15 !important;
padding-top: 60px !important;
margin-bottom: 10px !important;
}
/* Out of Africa subtitle */
.home .entry-content > h2#h-out-of-africa + p {
font-size: 17px !important;
font-weight: 300 !important;
color: #5a5a5a !important;
line-height: 1.85 !important;
margin-bottom: 30px !important;
}
/* Out of Africa uses same destination card styling (gb-layout-columns-4:not(.border-grey)) */
/* Already styled by existing rules above */
/* ============================================
v11 - FIX: Genesis Blocks column grid layouts
Blocksy doesn't load Genesis Blocks grid CSS
============================================ */
/* Force Genesis Blocks column wraps to use grid */
.gb-layout-column-wrap {
display: grid !important;
}
.gb-4-col-equal > .gb-layout-column-wrap,
.gb-4-col-equal .gb-layout-column-wrap {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 25px !important;
}
.gb-3-col-equal > .gb-layout-column-wrap,
.gb-3-col-equal .gb-layout-column-wrap {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 25px !important;
}
.gb-2-col-equal > .gb-layout-column-wrap,
.gb-2-col-equal .gb-layout-column-wrap {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 25px !important;
}
/* 1-column layouts stay as block */
/* 1-column direct children only */
.gb-layout-columns-1 > .gb-layout-column-wrap {
display: block !important;
}
/* Stats bar specific fix - horizontal row */
.gb-layout-columns-4.border-grey .gb-layout-column-wrap {
grid-template-columns: repeat(4, 1fr) !important;
gap: 0 !important;
text-align: center !important;
align-items: center !important;
}
/* Stats bar columns - add vertical dividers */
.gb-layout-columns-4.border-grey .gb-block-layout-column {
position: relative !important;
padding: 0 15px !important;
}
.gb-layout-columns-4.border-grey .gb-block-layout-column:not(:last-child)::after {
content: '' !important;
position: absolute !important;
right: 0 !important;
top: 20% !important;
height: 60% !important;
width: 1px !important;
background: rgba(44, 24, 16, 0.15) !important;
}
/* Hide checkmark icons in stats bar if they exist */
.gb-layout-columns-4.border-grey .gb-block-layout-column-inner img[src*="check"],
.gb-layout-columns-4.border-grey .gb-block-layout-column-inner svg {
display: none !important;
}
/* Responsive: stack on mobile */
@media (max-width: 768px) {
.gb-4-col-equal .gb-layout-column-wrap {
grid-template-columns: repeat(2, 1fr) !important;
}
.gb-3-col-equal .gb-layout-column-wrap {
grid-template-columns: 1fr !important;
}
.gb-layout-columns-4.border-grey .gb-layout-column-wrap {
grid-template-columns: repeat(2, 1fr) !important;
}
}
/* v18: Stats bar padding to match reference */
body.home .entry-content .wp-block-genesis-blocks-gb-columns.border-grey.alignfull {
padding-top: 18px !important;
padding-bottom: 18px !important;
}
CSSBLOCK;
echo "\n
/* === css-overrides.php === */
/* === HEADER BASE � TRANSPARENT FIXED === */
.site-header,
header.site-header,
body .site-header {
background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
z-index: 9999 !important;
height: 80px !important;
padding: 0 48px !important;
border-bottom: none !important;
display: flex !important;
align-items: center !important;
transition: background-color 0.3s ease, box-shadow 0.3s ease !important;
}
.admin-bar .site-header { top: 32px !important; }
.site-header > .wrap, .site-header .wrap, header.site-header .wrap {
background: transparent !important;
background-color: transparent !important;
}
.site-title, .site-description {
display: none !important;
}
/* === TRANSPARENT STATE � white links + logo === */
header.site-header:not(.scrolled) .nav-primary a,
header.site-header:not(.scrolled) nav#genesis-nav-primary a,
header.site-header:not(.scrolled) nav#genesis-nav-primary li a {
color: #ffffff !important;
text-shadow: 0 1px 4px rgba(0,0,0,0.5) !important;
opacity: 1 !important;
}
/* Show correct logo per scroll state � no filters */
.custom-logo.logo-light { display: none !important; filter: none !important; }
.custom-logo.logo-dark { display: block !important; filter: none !important; }
.site-header.scrolled .custom-logo.logo-light { display: block !important; }
.site-header.scrolled .custom-logo.logo-dark { display: none !important; }
.custom-logo {
height: 48px !important;
width: auto !important;
filter: none !important;
}
header.site-header:not(.scrolled) .reddish-background > a,
header.site-header:not(.scrolled) .ab-button > a {
border-color: rgba(255,255,255,0.8) !important;
color: #ffffff !important;
background: transparent !important;
}
/* === SCROLLED STATE � white bg, dark links === */
header.site-header.scrolled {
background-color: #ffffff !important;
box-shadow: 0 2px 20px rgba(0,0,0,0.08) !important;
}
header.site-header.scrolled .nav-primary a,
header.site-header.scrolled nav#genesis-nav-primary a,
header.site-header.scrolled nav#genesis-nav-primary li a {
color: #2C1810 !important;
text-shadow: none !important;
opacity: 1 !important;
visibility: visible !important;
}
header.site-header.scrolled .reddish-background > a,
header.site-header.scrolled .ab-button > a {
border-color: #C6A75E !important;
color: #ffffff !important;
background-color: #C6A75E !important;
}
/* === HERO � account for fixed header height === */
.home .wp-block-genesis-blocks-gb-container.gb-layout-hero-1,
.home [class*="gb-layout-hero"] {
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-bottom: 0 !important;
min-height: 100vh !important;
box-sizing: border-box !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
/* Fix alignfull margin-top: auto pushing hero down */
.home .gb-layout-business-1.alignfull,
.home .gb-block-container.alignfull:first-of-type,
.home div[class*="gb-layout-"].alignfull {
margin: 0 !important;
padding: 0 !important;
}
/* Hero content � no top padding, parent uses flexbox centering */
.home .gb-layout-hero-1 .gb-container-inside {
padding-top: 0 !important;
width: 100% !important;
}
/* Hero subheadline � elegant italic serif */
.gb-layout-business-1 .gb-container-inside > p,
.gb-layout-business-1 .gb-white-text:not(h1):not(h2) {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-style: italic !important;
font-size: 20px !important;
font-weight: 300 !important;
letter-spacing: 0.03em !important;
text-transform: none !important;
opacity: 0.9 !important;
max-width: 680px !important;
margin-bottom: 32px !important;
}
.home .site-inner,
.home .content-sidebar-wrap,
.home .content,
.home main.content,
.home article.entry,
.home .entry-content {
padding: 0 !important;
margin: 0 !important;
}
.home .site-inner {
max-width: 100% !important;
width: 100% !important;
padding: 0 !important;
}
.home .content-sidebar-wrap,
.home .content,
.home main.content,
.home #genesis-content {
max-width: 100% !important;
width: 100% !important;
float: none !important;
}
.home .entry {
border-bottom: none !important;
}
@media (max-width: 782px) {
.admin-bar .site-header { top: 46px !important; }
}
/* Admin bar gap fix � must be last to win over margin:0 above */
.admin-bar.home .site-inner {
margin-top: -32px !important;
}
@media screen and (max-width: 782px) {
.admin-bar.home .site-inner {
margin-top: -46px !important;
}
}
/* ===== Blocksy Search Modal (ct-panel) Overlay ===== */
#search-modal.ct-panel {
background: rgba(15, 8, 4, 0.98) !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
}
#search-modal .ct-panel-content {
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
#search-modal .ct-search-form {
width: 100% !important;
max-width: 700px !important;
margin: 0 auto !important;
}
#search-modal input[type="search"] {
background: transparent !important;
border: none !important;
border-bottom: 2px solid rgba(200, 169, 110, 0.5) !important;
color: #fff !important;
font-family: "Cormorant Garamond", Georgia, serif !important;
font-size: 36px !important;
font-weight: 300 !important;
padding: 15px 0 !important;
width: 100% !important;
outline: none !important;
border-radius: 0 !important;
}
#search-modal input[type="search"]::placeholder {
color: rgba(255,255,255,0.5) !important;
}
#search-modal input[type="search"]:focus {
border-bottom-color: #c8a96e !important;
box-shadow: none !important;
}
#search-modal .ct-toggle-close {
position: absolute !important;
top: 30px !important;
right: 30px !important;
z-index: 10 !important;
}
#search-modal .ct-toggle-close svg {
fill: #fff !important;
color: #fff !important;
width: 20px !important;
height: 20px !important;
}
#search-modal .ct-toggle-close:hover svg {
fill: #c8a96e !important;
color: #c8a96e !important;
}
#search-modal .ct-search-form button svg,
#search-modal .ct-search-form .ct-icon {
fill: rgba(255,255,255,0.5) !important;
color: rgba(255,255,255,0.5) !important;
}
#search-modal .ct-search-form button:hover svg,
#search-modal .ct-search-form button:hover .ct-icon {
fill: #c8a96e !important;
color: #c8a96e !important;
}
#search-modal .searchwp-live-search-results {
background: #2c1810 !important;
border: 1px solid rgba(200, 169, 110, 0.3) !important;
border-radius: 0 !important;
max-height: 300px !important;
}
#search-modal .searchwp-live-search-results a {
color: #fff !important;
border-bottom: 1px solid rgba(200, 169, 110, 0.15) !important;
padding: 12px 16px !important;
}
#search-modal .searchwp-live-search-results a:hover {
background: rgba(200, 169, 110, 0.1) !important;
}
/* v52 -- Hide SearchWP Live Search dropdown (duplicates Blocksy results) */
.searchwp-live-search-results { display: none !important; }
.searchwp-modal-form { display: none !important; }
/* v52 -- Restyle Blocksy ct-search-results inside modal */
#search-modal .ct-search-results { display: flex !important; flex-direction: column !important; gap: 0 !important; max-width: 700px !important; margin: 20px auto 0 !important; background: transparent !important; padding: 0 !important; }
#search-modal .ct-search-results > a { display: flex !important; align-items: center !important; gap: 16px !important; padding: 16px 20px !important; border-bottom: 1px solid rgba(200,169,110,0.15) !important; text-decoration: none !important; transition: background 0.2s ease !important; color: #faf7f2 !important; }
#search-modal .ct-search-results > a:hover { background: rgba(200,169,110,0.08) !important; }
#search-modal .ct-search-results > a:last-of-type { border-bottom: none !important; }
#search-modal .ct-search-results > a .ct-media-container { width: 60px !important; min-width: 60px !important; height: 45px !important; border-radius: 0 !important; border: 1px solid rgba(200,169,110,0.2) !important; overflow: hidden !important; flex-shrink: 0 !important; }
#search-modal .ct-search-results > a .ct-media-container img { width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 0 !important; }
#search-modal .ct-search-results > a span, #search-modal .ct-search-results > a .item-title { font-family: "Cormorant Garamond", serif !important; font-size: 19px !important; font-weight: 400 !important; color: #faf7f2 !important; line-height: 1.4 !important; }
#search-modal .ct-search-results > a:hover span, #search-modal .ct-search-results > a:hover .item-title { color: #c8a96e !important; }
#search-modal .ct-search-results [class*="more"] { display: block !important; text-align: center !important; padding: 16px 0 !important; font-family: 'Montserrat', sans-serif !important; font-size: 13px !important; font-weight: 500 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; color: #c8a96e !important; text-decoration: none !important; border-bottom: none !important; }
/* === destination-pages.php === */
';
chalo_destination_css();
echo '
/* === safari-tour-css.php === */
/* === Safari Tour Detail Page CSS v2.1 === */
/* 0. FIX BLOCKSY ARTICLE OFFSET */
.chalo-safari-tour article { margin-left: 0 !important; margin-right: 0 !important; }
/* Fix Blocksy 2-column grid layout - force single column */
/* v66: Exclude header from single-col override */
.chalo-safari-tour .ct-container:not(header .ct-container) { grid-template-columns: 1fr !important; max-width: 100% !important; }
.chalo-safari-tour header#header .ct-container { grid-template-columns: auto auto !important; max-width: none !important; width: 90vw !important; }
.chalo-safari-tour .entry-content { max-width: 100% !important; margin: 0 auto !important; }
/* 1. HERO SECTION */
.chalo-safari-tour .tour-hero-section {
position: relative; width: 100vw; margin-left: calc(-50vw + 50%);
min-height: 70vh; background-size: cover; background-position: center;
background-repeat: no-repeat; display: flex; align-items: flex-end;
justify-content: center; margin-top: -80px; padding-top: 80px;
}
.chalo-safari-tour .tour-hero-overlay {
position: absolute; top: 0; left: 0; right: 0; bottom: 0;
background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.55) 100%); z-index: 1;
}
.chalo-safari-tour .tour-hero-content {
position: relative; z-index: 2; text-align: center;
padding: 40px 20px 60px; max-width: 900px;
}
.chalo-safari-tour .tour-section-label {
font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 400;
letter-spacing: 3px; color: #c8a96e; text-transform: uppercase; margin-bottom: 15px;
}
.chalo-safari-tour .tour-hero-title {
font-family: Cormorant Garamond, Georgia, serif; font-size: 48px;
font-weight: 400; color: #ffffff; line-height: 1.2;
margin: 0 0 15px; border: none; padding: 0;
}
.chalo-safari-tour .tour-hero-subtitle {
font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300;
color: rgba(255,255,255,0.85); letter-spacing: 2px; text-transform: uppercase; margin: 0;
}
/* 2. HIDE ENTRY HEADER */
.chalo-safari-tour .entry-header { display: none !important; }
/* 3. PAGE LAYOUT */
.chalo-safari-tour .tour-details {
max-width: 900px; margin: 0 auto; padding: 0 20px;
font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300;
line-height: 1.8; color: #333;
}
/* 4. TYPOGRAPHY */
.chalo-safari-tour .tour-details h2 {
font-family: Cormorant Garamond, Georgia, serif; font-size: 32px;
font-weight: 400; color: #2c1810; text-align: center; margin: 40px 0 20px;
}
.chalo-safari-tour .tour-details h3 {
font-family: Cormorant Garamond, Georgia, serif; font-size: 22px;
font-weight: 400; color: #2c1810;
}
/* 5. GOLD DIVIDER � solid */
.chalo-safari-tour .tour-divider { border: none; height: 2px; max-width: 80px; margin: 30px auto; background: #c8a96e; }
/* 6. INFO STRIP */
.chalo-safari-tour .tour-info-strip {
display: flex; justify-content: center; flex-wrap: wrap; gap: 0;
padding: 40px 0; border-bottom: 1px solid #e8e0d6; margin-bottom: 10px;
}
.chalo-safari-tour .tour-info-item {
display: flex; flex-direction: column; align-items: center; text-align: center;
padding: 15px 30px; border-right: 1px solid #e8e0d6; min-width: 140px;
}
.chalo-safari-tour .tour-info-item:last-child { border-right: none; }
.chalo-safari-tour .tour-info-item .dashicons { font-size: 32px; width: 32px; height: 32px; color: #c8a96e; margin-bottom: 8px; }
.chalo-safari-tour .tour-info-label { font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 400; color: #999; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 4px; }
.chalo-safari-tour .tour-info-value { font-family: Cormorant Garamond, Georgia, serif; font-size: 22px; font-weight: 500; color: #2c1810; line-height: 1.3; }
.chalo-safari-tour .tour-info-sub { font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 300; color: #999; margin-top: 2px; }
/* 7. HIGHLIGHTS */
.chalo-safari-tour .tour-highlights-section { max-width: 800px; margin: 0 auto; text-align: center; }
.chalo-safari-tour .tour_highlight { font-family: 'Montserrat', sans-serif; font-size: 17px; font-weight: 300; line-height: 1.8; color: #555; max-width: 800px; margin: 0 auto; }
/* 8. ABOUT */
.chalo-safari-tour .tour-description { font-family: 'Montserrat', sans-serif; font-size: 17px; font-weight: 300; line-height: 1.8; max-width: 800px; margin: 0 auto; }
/* 9. CTA SECTION � full bleed */
.chalo-safari-tour .tour-cta-section {
text-align: center; background: linear-gradient(135deg, #2c1810 0%, #3d2518 100%);
padding: 40px 30px; width: 100vw; margin-left: calc(-50vw + 50%);
margin-top: 30px; margin-bottom: 30px;
}
.chalo-safari-tour .tour-cta-button { display: inline-block; background: #c8a96e; color: #fff !important; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; padding: 16px 40px; text-decoration: none; border-radius: 0; transition: background 0.3s; margin-bottom: 15px; }
.chalo-safari-tour .tour-cta-button:hover { background: #b8953e; color: #fff !important; }
.chalo-safari-tour .tour-cta-section p { color: rgba(255,255,255,0.8); font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 300; margin: 0; }
.chalo-safari-tour .tour-cta-section a { color: #c8a96e !important; text-decoration: none; }
/* 10. ITINERARY ACCORDION */
.chalo-safari-tour .tour-itinerary-section details { border: 1px solid #e8e0d6; margin-bottom: -1px; }
.chalo-safari-tour .tour-accordion-summary { background: #faf7f2; padding: 16px 20px; font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 400; color: #2c1810; cursor: pointer; list-style: none; display: flex; align-items: center; transition: border-color 0.3s; }
.chalo-safari-tour .tour-accordion-summary::before { content: "\25B6"; font-size: 10px; color: #c8a96e; margin-right: 12px; transition: transform 0.3s; }
.chalo-safari-tour details[open] .tour-accordion-summary::before { transform: rotate(90deg); }
.chalo-safari-tour details[open] { border-color: #c8a96e; }
.chalo-safari-tour .tour-accordion-summary::-webkit-details-marker { display: none; }
.chalo-safari-tour .tour-accordion-body { padding: 20px; font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 300; line-height: 1.8; color: #555; }
/* 11. ACCOMMODATION CARDS */
.chalo-safari-tour .tour-acco-grid { display: flex; flex-direction: column; gap: 20px; }
.chalo-safari-tour .tour-acco-card { display: flex; gap: 25px; border: 1px solid #e8e0d6; padding: 0; overflow: hidden; background: #fff; }
.chalo-safari-tour .tour-acco-thumb { flex: 0 0 250px; min-height: 180px; overflow: hidden; }
.chalo-safari-tour .tour-acco-thumb img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; }
.chalo-safari-tour .tour-acco-info { flex: 1; padding: 20px 20px 20px 0; display: flex; flex-direction: column; justify-content: center; }
.chalo-safari-tour .tour-acco-info h3 { margin: 0 0 12px; font-size: 20px; }
.chalo-safari-tour .tour-acco-info h3 a { color: #c8a96e !important; text-decoration: none; }
.chalo-safari-tour .tour-acco-info h3 a:hover { text-decoration: underline; }
.chalo-safari-tour .tour-acco-meta { list-style: none; padding: 0; margin: 0; }
.chalo-safari-tour .tour-acco-meta li { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 300; color: #666; margin-bottom: 6px; display: flex; align-items: center; gap: 6px; }
.chalo-safari-tour .tour-acco-meta .dashicons { font-size: 18px; width: 18px; height: 18px; color: #c8a96e; }
.chalo-safari-tour .tour-acco-meta strong { font-weight: 500; color: #2c1810; }
/* 12. MAP */
.chalo-safari-tour .google-acfmap { width: 100%; height: 400px; border: 1px solid #e8e0d6; box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
/* 13. BEST MONTHS GRID */
.chalo-safari-tour .tour-months-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; max-width: 700px; margin: 0 auto 20px; }
.chalo-safari-tour .tour-month-cell { text-align: center; padding: 10px 5px; }
.chalo-safari-tour .tour-month-label { display: block; font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; color: #2c1810; margin-bottom: 6px; }
.chalo-safari-tour .tour-month-value { display: block; font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 400; }
.chalo-safari-tour .tour-month-value .best-text, .chalo-safari-tour .tour-month-cell .best-text { color: #c8a96e; font-weight: 600; }
.chalo-safari-tour .tour-month-value .closed-text, .chalo-safari-tour .tour-month-cell .closed-text { color: #999; font-weight: 300; }
.chalo-safari-tour .tour-starting-note { text-align: center; font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 300; color: #666; margin-top: 10px; }
/* 14. GALLERY */
.chalo-safari-tour .tour-gallery-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.chalo-safari-tour .tour-gallery-item { margin: 0; overflow: hidden; }
.chalo-safari-tour .tour-gallery-item img { width: 100%; height: 200px; object-fit: cover; transition: transform 0.3s; border-radius: 0; }
.chalo-safari-tour .tour-gallery-item:hover img { transform: scale(1.05); }
.chalo-safari-tour .tour-gallery-item figcaption { font-family: 'Montserrat', sans-serif; font-size: 12px; color: #666; text-align: center; padding: 6px 4px; }
/* 15. VIDEO */
.chalo-safari-tour .tour-video-box { max-width: 800px; margin: 0 auto; box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
.chalo-safari-tour .tour-video-box iframe { width: 100%; min-height: 400px; }
/* 16. ENQUIRE SECTION � full bleed */
.chalo-safari-tour .tour-enquire-section {
background: linear-gradient(135deg, #2c1810 0%, #3d2518 100%);
padding: 50px 40px; width: 100vw; margin-left: calc(-50vw + 50%);
margin-top: 30px; text-align: center;
}
.chalo-safari-tour .tour-enquire-section h2 { color: #c8a96e; margin-top: 0; }
.chalo-safari-tour .tour-enquire-section .wpforms-container { max-width: 600px; margin: 0 auto; }
.chalo-safari-tour .tour-enquire-section label, .chalo-safari-tour .tour-enquire-section .wpforms-field-label { color: #fff !important; }
.chalo-safari-tour .tour-enquire-section input, .chalo-safari-tour .tour-enquire-section select, .chalo-safari-tour .tour-enquire-section textarea { border-radius: 0 !important; }
.chalo-safari-tour .tour-enquire-section .wpforms-submit { background: #c8a96e !important; color: #fff !important; border-radius: 0 !important; text-transform: uppercase; letter-spacing: 2px; font-weight: 600; }
/* 17. RELATED TOURS */
.chalo-safari-tour .tour-related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 20px; }
.chalo-safari-tour .tour-related-card { border: 1px solid #e8e0d6; text-align: center; transition: transform 0.3s, box-shadow 0.3s; overflow: hidden; }
.chalo-safari-tour .tour-related-card:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0,0,0,0.1); }
.chalo-safari-tour .tour-related-thumb img { width: 100%; height: 180px; object-fit: cover; border-radius: 0; }
.chalo-safari-tour .tour-related-card h3 { padding: 12px 15px; font-size: 16px; margin: 0; }
.chalo-safari-tour .tour-related-card h3 a { color: #2c1810; text-decoration: none; }
.chalo-safari-tour .tour-related-card h3 a:hover { color: #c8a96e; }
/* 18. VIEW ALL */
.chalo-safari-tour .tour-view-all { text-align: center; padding: 20px 0; }
.chalo-safari-tour .tour-view-all a { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 500; text-transform: uppercase; letter-spacing: 2px; color: #c8a96e; text-decoration: none; }
.chalo-safari-tour .tour-view-all a:hover { text-decoration: underline; }
/* 19. LOCATION ITEMS */
.chalo-safari-tour .tour-location-item { text-align: center; font-family: 'Montserrat', sans-serif; font-size: 15px; color: #666; }
/* 20. HIDE BLOCKSY DEFAULTS */
.chalo-safari-tour .entry-header { display: none !important; }
.chalo-safari-tour .post-comments { display: none !important; }
/* 21. GLOBAL BORDER-RADIUS */
.chalo-safari-tour img, .chalo-safari-tour .tour-cta-button, .chalo-safari-tour input, .chalo-safari-tour select, .chalo-safari-tour textarea, .chalo-safari-tour button { border-radius: 0 !important; }
/* 22. MOBILE RESPONSIVE */
@media (max-width: 768px) {
.chalo-safari-tour .tour-hero-section { min-height: 50vh; }
.chalo-safari-tour .tour-hero-title { font-size: 32px; }
.chalo-safari-tour .tour-info-strip { flex-direction: column; align-items: center; }
.chalo-safari-tour .tour-info-item { border-right: none; border-bottom: 1px solid #e8e0d6; width: 100%; padding: 15px 20px; }
.chalo-safari-tour .tour-info-item:last-child { border-bottom: none; }
.chalo-safari-tour .tour-acco-card { flex-direction: column; }
.chalo-safari-tour .tour-acco-thumb { flex: none; height: 200px; }
.chalo-safari-tour .tour-acco-info { padding: 20px; }
.chalo-safari-tour .tour-gallery-grid { grid-template-columns: repeat(2, 1fr); }
.chalo-safari-tour .tour-related-grid { grid-template-columns: repeat(2, 1fr); }
.chalo-safari-tour .tour-months-grid { grid-template-columns: repeat(4, 1fr); }
.chalo-safari-tour .tour-details h2 { font-size: 28px; }
}
@media (max-width: 480px) {
.chalo-safari-tour .tour-hero-section { min-height: 40vh; }
.chalo-safari-tour .tour-hero-title { font-size: 26px; }
.chalo-safari-tour .tour-hero-subtitle { font-size: 13px; }
.chalo-safari-tour .tour-gallery-grid { grid-template-columns: 1fr; }
.chalo-safari-tour .tour-related-grid { grid-template-columns: 1fr; }
.chalo-safari-tour .tour-months-grid { grid-template-columns: repeat(3, 1fr); }
.chalo-safari-tour .tour-cta-section, .chalo-safari-tour .tour-enquire-section { padding: 30px 20px; }
}
/* ============================================
LUXURY POLISH v41 — Safari Tour Detail Page
8 improvements for refined luxury feel
============================================ */
/* 1. INFO STRIP — refined border & spacing */
.chalo-safari-tour .tour-info-strip {
border: 1px solid #e8e0d6;
border-radius: 0;
background: #faf7f2;
padding: 30px 20px;
margin: 40px auto;
max-width: 900px;
}
.chalo-safari-tour .tour-info-strip .info-block {
border-right: 1px solid #e8e0d6;
padding: 0 24px;
}
.chalo-safari-tour .tour-info-strip .info-block:last-child {
border-right: none;
}
/* 2. HIDE REDUNDANT CTA SECTION (duplicate "Ready to explore") */
.chalo-safari-tour .tour-cta-section {
display: none !important;
}
/* 3. FONT SIZE FIXES — h2 to 38px, body text refinement */
.chalo-safari-tour h2,
.chalo-safari-tour .tour-section-title {
font-family: "Cormorant Garamond", Georgia, serif;
font-size: 38px;
font-weight: 400;
letter-spacing: 0.3px;
color: #2c1810;
margin-bottom: 20px;
}
.chalo-safari-tour .tour-about p,
.chalo-safari-tour .tour-description p {
font-family: "Montserrat", sans-serif;
font-size: 17px;
font-weight: 300;
line-height: 1.75;
color: #4a4340;
}
/* 4. ACCOMMODATION CARDS — 2-column grid */
.chalo-safari-tour .tour-accommodation-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
.chalo-safari-tour .tour-accommodation-card {
border: 1px solid #e8e0d6;
border-radius: 0;
overflow: hidden;
transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.chalo-safari-tour .tour-accommodation-card:hover {
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
transform: translateY(-2px);
}
.chalo-safari-tour .tour-accommodation-card img {
width: 100%;
height: 200px;
object-fit: cover;
border-radius: 0;
}
.chalo-safari-tour .tour-accommodation-card h3 a {
font-family: "Cormorant Garamond", Georgia, serif;
font-size: 22px;
font-weight: 500;
color: #c8a96e;
text-decoration: none;
}
.chalo-safari-tour .tour-accommodation-card h3 a:hover {
color: #b8954e;
}
.chalo-safari-tour .tour-accommodation-card .accom-card-body {
padding: 20px;
}
/* 5. MONTHS GRID — bordered cells layout */
.chalo-safari-tour .tour-months-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 0;
border: 1px solid #e8e0d6;
max-width: 700px;
margin: 30px auto;
}
.chalo-safari-tour .tour-months-grid .month-cell {
padding: 14px 10px;
text-align: center;
border: 1px solid #e8e0d6;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.5px;
text-transform: uppercase;
color: #6b6560;
background: #fff;
transition: background 0.2s ease;
}
.chalo-safari-tour .tour-months-grid .month-cell.month-best {
background: #c8a96e;
color: #fff;
font-weight: 600;
}
.chalo-safari-tour .tour-months-grid .month-cell.month-good {
background: #f5efe6;
color: #4a4340;
}
.chalo-safari-tour .tour-months-grid .month-cell.month-closed {
background: #f0ebe4;
color: #999;
}
/* 6. GALLERY — remove captions, images 4+5 full width */
.chalo-safari-tour .tour-gallery-grid figcaption,
.chalo-safari-tour .tour-gallery .gallery-caption {
display: none !important;
}
.chalo-safari-tour .tour-gallery-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8px;
}
.chalo-safari-tour .tour-gallery-grid .gallery-item:nth-child(4),
.chalo-safari-tour .tour-gallery-grid .gallery-item:nth-child(5) {
grid-column: span 3;
}
.chalo-safari-tour .tour-gallery-grid .gallery-item:nth-child(4) img,
.chalo-safari-tour .tour-gallery-grid .gallery-item:nth-child(5) img {
width: 100%;
height: 350px;
object-fit: cover;
}
.chalo-safari-tour .tour-gallery-grid .gallery-item img {
width: 100%;
height: 250px;
object-fit: cover;
border-radius: 0;
transition: transform 0.5s ease;
}
.chalo-safari-tour .tour-gallery-grid .gallery-item:hover img {
transform: scale(1.02);
}
/* 7. ENQUIRE SECTION — dark brown gradient redesign */
.chalo-safari-tour .tour-enquire-section {
background: linear-gradient(135deg, #2c1810 0%, #4a3020 50%, #2c1810 100%);
padding: 60px 40px;
text-align: center;
margin: 60px 0;
}
.chalo-safari-tour .tour-enquire-section h2,
.chalo-safari-tour .tour-enquire-section .tour-section-title {
color: #fff;
font-family: "Cormorant Garamond", Georgia, serif;
font-size: 38px;
font-weight: 300;
margin-bottom: 15px;
}
.chalo-safari-tour .tour-enquire-section p {
color: rgba(255,255,255,0.8);
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 1.7;
max-width: 600px;
margin: 0 auto 30px;
}
.chalo-safari-tour .tour-enquire-section .btn,
.chalo-safari-tour .tour-enquire-section a.gb-button,
.chalo-safari-tour .tour-enquire-section button {
background: #c8a96e;
color: #fff;
border: none;
border-radius: 0;
padding: 16px 50px;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 600;
letter-spacing: 2px;
text-transform: uppercase;
text-decoration: none;
display: inline-block;
transition: all 0.3s ease;
}
.chalo-safari-tour .tour-enquire-section .btn:hover,
.chalo-safari-tour .tour-enquire-section a.gb-button:hover,
.chalo-safari-tour .tour-enquire-section button:hover {
background: #b8954e;
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(200, 169, 110, 0.3);
}
/* 8. MOBILE RESPONSIVE */
@media (max-width: 768px) {
.chalo-safari-tour .tour-info-strip {
flex-direction: column;
gap: 15px;
padding: 20px 15px;
}
.chalo-safari-tour .tour-info-strip .info-block {
border-right: none;
border-bottom: 1px solid #e8e0d6;
padding: 12px 0;
}
.chalo-safari-tour .tour-info-strip .info-block:last-child {
border-bottom: none;
}
.chalo-safari-tour h2,
.chalo-safari-tour .tour-section-title {
font-size: 28px;
}
.chalo-safari-tour .tour-accommodation-grid {
grid-template-columns: 1fr;
}
.chalo-safari-tour .tour-months-grid {
grid-template-columns: repeat(3, 1fr);
}
.chalo-safari-tour .tour-gallery-grid {
grid-template-columns: repeat(2, 1fr);
}
.chalo-safari-tour .tour-gallery-grid .gallery-item:nth-child(4),
.chalo-safari-tour .tour-gallery-grid .gallery-item:nth-child(5) {
grid-column: span 2;
}
.chalo-safari-tour .tour-gallery-grid .gallery-item img {
height: 180px;
}
.chalo-safari-tour .tour-gallery-grid .gallery-item:nth-child(4) img,
.chalo-safari-tour .tour-gallery-grid .gallery-item:nth-child(5) img {
height: 220px;
}
.chalo-safari-tour .tour-enquire-section {
padding: 40px 20px;
margin: 40px 0;
}
.chalo-safari-tour .tour-enquire-section h2 {
font-size: 28px;
}
}
@media (max-width: 480px) {
.chalo-safari-tour .tour-months-grid {
grid-template-columns: repeat(2, 1fr);
}
.chalo-safari-tour .tour-gallery-grid {
grid-template-columns: 1fr;
}
.chalo-safari-tour .tour-gallery-grid .gallery-item:nth-child(4),
.chalo-safari-tour .tour-gallery-grid .gallery-item:nth-child(5) {
grid-column: span 1;
}
.chalo-safari-tour .tour-enquire-section .btn,
.chalo-safari-tour .tour-enquire-section a.gb-button {
padding: 14px 30px;
font-size: 13px;
}
}
/* ==========================================================================
v63: Comprehensive Safari Tour Detail Page Polish — 2026-03-24
Fixes: hero height, content centering, CTA button, info strip, HR dividers,
form inputs, month badges, alternating backgrounds, accordion borders,
gallery hover, recommended grid, breadcrumbs, h2 sizing, about max-width
========================================================================== */
/* --- Fix #0: Global content centering --- */
.chalo-safari-tour .ct-container {
max-width: 1100px !important;
margin: 0 auto !important;
padding: 0 40px !important;
}
/* --- Fix #1: CTA "Request" button text invisible (gold on gold) --- */
.chalo-safari-tour .tour-cta-section a[href="#tour-enquire"],
.chalo-safari-tour a.gb-button[href="#tour-enquire"],
.chalo-safari-tour .gb-button.reddish-background {
color: #fff !important;
background: #c8a96e !important;
border-radius: 0 !important;
padding: 16px 50px !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
text-decoration: none !important;
display: inline-block !important;
transition: all 0.3s ease !important;
}
.chalo-safari-tour .tour-cta-section a[href="#tour-enquire"]:hover,
.chalo-safari-tour a.gb-button[href="#tour-enquire"]:hover {
background: #b8954e !important;
transform: translateY(-2px) !important;
box-shadow: 0 8px 25px rgba(200, 169, 110, 0.3) !important;
}
/* --- Fix #2: Hero too short (70vh → 85vh) --- */
.chalo-safari-tour .tour-hero-section {
min-height: 85vh !important;
}
/* --- Fix #3: Info strip compact horizontal with 5 items + vertical dividers --- */
.chalo-safari-tour .tour-info-strip {
display: flex !important;
justify-content: center !important;
align-items: stretch !important;
flex-wrap: nowrap !important;
gap: 0 !important;
padding: 25px 0 !important;
border-top: 1px solid #e8e0d6 !important;
border-bottom: 1px solid #e8e0d6 !important;
margin: 0 auto 40px !important;
max-width: 900px !important;
}
.chalo-safari-tour .tour-info-item {
flex: 1 !important;
text-align: center !important;
padding: 10px 20px !important;
border-right: 1px solid #e8e0d6 !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
min-height: auto !important;
max-height: 80px !important;
}
.chalo-safari-tour .tour-info-item:last-child {
border-right: none !important;
}
.chalo-safari-tour .tour-info-item .info-icon {
width: 28px !important;
height: 28px !important;
margin-bottom: 6px !important;
color: #c8a96e !important;
}
.chalo-safari-tour .tour-info-item .info-label {
font-family: 'Montserrat', sans-serif !important;
font-size: 11px !important;
font-weight: 500 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
color: #6b6560 !important;
margin-bottom: 4px !important;
}
.chalo-safari-tour .tour-info-item .info-value {
font-family: "Cormorant Garamond", Georgia, serif !important;
font-size: 18px !important;
font-weight: 500 !important;
color: #2c1810 !important;
}
/* --- Fix #4: HR dividers gold gradient --- */
.chalo-safari-tour hr {
border: none !important;
height: 1px !important;
background: linear-gradient(90deg, #c8a96e, #c8a96e) !important;
max-width: 80px !important;
margin: 40px auto !important;
opacity: 0.6 !important;
}
/* --- Fix #5: Form input borders + focus ring --- */
.chalo-safari-tour .wpforms-container input[type="text"],
.chalo-safari-tour .wpforms-container input[type="email"],
.chalo-safari-tour .wpforms-container input[type="tel"],
.chalo-safari-tour .wpforms-container input[type="number"],
.chalo-safari-tour .wpforms-container select,
.chalo-safari-tour .wpforms-container textarea {
border: 1px solid #e8e0d6 !important;
border-radius: 0 !important;
padding: 12px 16px !important;
font-size: 15px !important;
background: #fff !important;
font-family: 'Montserrat', sans-serif !important;
transition: border-color 0.2s, box-shadow 0.2s !important;
}
.chalo-safari-tour .wpforms-container input:focus,
.chalo-safari-tour .wpforms-container select:focus,
.chalo-safari-tour .wpforms-container textarea:focus {
border-color: #c8a96e !important;
box-shadow: 0 0 0 3px rgba(200, 169, 110, 0.1) !important;
outline: none !important;
}
/* --- Fix #6: Month badges with gold/cream backgrounds --- */
.chalo-safari-tour .tour-month-badge-best,
.chalo-safari-tour .tour-month-cell .best-badge {
background-color: #c8a96e !important;
color: #fff !important;
padding: 4px 8px !important;
font-size: 11px !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
}
.chalo-safari-tour .tour-month-badge-closed,
.chalo-safari-tour .tour-month-cell .closed-badge {
background-color: #f0ebe4 !important;
color: #999 !important;
padding: 4px 8px !important;
font-size: 11px !important;
font-weight: 500 !important;
text-transform: uppercase !important;
}
.chalo-safari-tour .tour-month-cell {
border: 1px solid #e8e0d6 !important;
padding: 12px 8px !important;
text-align: center !important;
}
/* --- Fix #7: Alternating section backgrounds --- */
.chalo-safari-tour .tour-highlights-section,
.chalo-safari-tour .tour-itinerary-section,
.chalo-safari-tour .tour-calendar-section,
.chalo-safari-tour .tour-related-section {
background-color: #faf7f2 !important;
padding: 60px 40px !important;
margin-left: calc(-50vw + 50%) !important;
margin-right: calc(-50vw + 50%) !important;
width: 100vw !important;
}
.chalo-safari-tour .tour-highlights-section > *,
.chalo-safari-tour .tour-itinerary-section > *,
.chalo-safari-tour .tour-calendar-section > *,
.chalo-safari-tour .tour-related-section > * {
max-width: 1100px !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* --- Fix #8: Content width constraint for text sections --- */
.chalo-safari-tour .safari-about,
.chalo-safari-tour .tour-about-content {
max-width: 800px !important;
margin: 0 auto !important;
padding: 0 20px !important;
}
.chalo-safari-tour .safari-highlights-content,
.chalo-safari-tour .tour-highlights-content {
max-width: 800px !important;
margin: 0 auto !important;
text-align: center !important;
}
/* --- Fix #9: WPForms container with cream bg --- */
.chalo-safari-tour #tour-enquire .wpforms-container,
.chalo-safari-tour .tour-enquire-section .wpforms-container {
background: rgba(250, 247, 242, 0.1) !important;
border: 1px solid rgba(232, 224, 214, 0.2) !important;
border-radius: 0 !important;
padding: 40px !important;
max-width: 700px !important;
margin: 0 auto !important;
}
/* --- Fix #10: Recommended tours 3-column grid --- */
.chalo-safari-tour .tour-related-grid,
.chalo-safari-tour .safari-related-grid {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 28px !important;
max-width: 1100px !important;
margin: 0 auto !important;
}
.chalo-safari-tour .tour-related-card,
.chalo-safari-tour .safari-related-card {
border: 1px solid #e8e0d6 !important;
background: #fff !important;
overflow: hidden !important;
transition: transform 0.3s, box-shadow 0.3s !important;
}
.chalo-safari-tour .tour-related-card:hover,
.chalo-safari-tour .safari-related-card:hover {
transform: translateY(-4px) !important;
box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
}
.chalo-safari-tour .tour-related-card img,
.chalo-safari-tour .safari-related-card img {
width: 100% !important;
height: 200px !important;
object-fit: cover !important;
border-radius: 0 !important;
}
.chalo-safari-tour .tour-related-card h3,
.chalo-safari-tour .safari-related-card h3 {
font-family: "Cormorant Garamond", Georgia, serif !important;
font-size: 20px !important;
font-weight: 500 !important;
padding: 16px !important;
margin: 0 !important;
}
.chalo-safari-tour .tour-related-card h3 a,
.chalo-safari-tour .safari-related-card h3 a {
color: #2c1810 !important;
text-decoration: none !important;
}
.chalo-safari-tour .tour-related-card h3 a:hover,
.chalo-safari-tour .safari-related-card h3 a:hover {
color: #c8a96e !important;
}
/* --- Fix #12: Accordion border styling + gold hover --- */
.chalo-safari-tour .tour-accordion-item {
border: 1px solid #e8e0d6 !important;
margin-bottom: 8px !important;
transition: border-color 0.3s !important;
}
.chalo-safari-tour .tour-accordion-item:hover {
border-color: #c8a96e !important;
}
.chalo-safari-tour .tour-accordion-summary {
border: none !important;
border-bottom: 1px solid #e8e0d6 !important;
}
/* --- Fix #14: H2 headings bump to 38px --- */
.chalo-safari-tour h2,
.chalo-safari-tour .tour-section-title {
font-family: "Cormorant Garamond", Georgia, serif !important;
font-size: 38px !important;
font-weight: 400 !important;
color: #2c1810 !important;
letter-spacing: 0.3px !important;
text-align: center !important;
margin-top: 50px !important;
margin-bottom: 25px !important;
}
/* --- Fix #15: Subtitle weight --- */
.chalo-safari-tour .tour-section-label {
font-weight: 500 !important;
letter-spacing: 3px !important;
text-transform: uppercase !important;
text-align: center !important;
}
/* --- Fix #16: About section max-width 800px --- */
.chalo-safari-tour .safari-about {
max-width: 800px !important;
margin: 0 auto 40px !important;
}
/* --- Fix #17: Gallery hover with caption overlay --- */
.chalo-safari-tour .tour-gallery-item {
position: relative !important;
overflow: hidden !important;
}
.chalo-safari-tour .tour-gallery-item img {
transition: transform 0.5s ease !important;
}
.chalo-safari-tour .tour-gallery-item:hover img {
transform: scale(1.05) !important;
}
.chalo-safari-tour .tour-gallery-item figcaption {
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
background: linear-gradient(transparent, rgba(0,0,0,0.6)) !important;
color: #fff !important;
padding: 30px 15px 15px !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 13px !important;
font-weight: 400 !important;
opacity: 0 !important;
transition: opacity 0.3s ease !important;
}
.chalo-safari-tour .tour-gallery-item:hover figcaption {
opacity: 1 !important;
}
/* --- Fix #18: Breadcrumbs on hero --- */
.chalo-safari-tour .tour-breadcrumbs {
position: absolute !important;
bottom: 20px !important;
left: 50% !important;
transform: translateX(-50%) !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 13px !important;
font-weight: 300 !important;
color: rgba(255,255,255,0.7) !important;
z-index: 2 !important;
}
.chalo-safari-tour .tour-breadcrumbs a {
color: rgba(255,255,255,0.7) !important;
text-decoration: none !important;
}
.chalo-safari-tour .tour-breadcrumbs a:hover {
color: #c8a96e !important;
}
/* --- Fix: Center all section content --- */
.chalo-safari-tour .tour-info-strip,
.chalo-safari-tour .tour-months-grid,
.chalo-safari-tour .tour-gallery-grid,
.chalo-safari-tour .tour-map-container,
.chalo-safari-tour .tour-video-container,
.chalo-safari-tour .tour-accommodation-grid {
max-width: 1000px !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* --- Fix: Enquire section heading white on dark bg --- */
.chalo-safari-tour #tour-enquire h2,
.chalo-safari-tour .tour-enquire-section h2 {
color: #fff !important;
}
/* --- Fix: Map container shadow + border --- */
.chalo-safari-tour .tour-map-container {
box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
border: 1px solid #e8e0d6 !important;
overflow: hidden !important;
}
/* --- Fix: "View all safari tours" link as button --- */
.chalo-safari-tour a[href*="safari-tours="] {
color: #c8a96e !important;
text-decoration: none !important;
}
/* --- Mobile responsive for v63 fixes --- */
@media (max-width: 768px) {
.chalo-safari-tour .ct-container {
padding: 0 20px !important;
}
.chalo-safari-tour .tour-hero-section {
min-height: 60vh !important;
}
.chalo-safari-tour .tour-info-strip {
flex-wrap: wrap !important;
max-width: 100% !important;
}
.chalo-safari-tour .tour-info-item {
flex: 0 0 33.33% !important;
border-right: none !important;
border-bottom: 1px solid #e8e0d6 !important;
max-height: none !important;
padding: 15px 10px !important;
}
.chalo-safari-tour .tour-info-item:nth-child(3n) {
border-right: none !important;
}
.chalo-safari-tour .tour-related-grid,
.chalo-safari-tour .safari-related-grid {
grid-template-columns: 1fr !important;
}
.chalo-safari-tour h2 {
font-size: 30px !important;
}
.chalo-safari-tour .tour-highlights-section,
.chalo-safari-tour .tour-itinerary-section,
.chalo-safari-tour .tour-calendar-section,
.chalo-safari-tour .tour-related-section {
padding: 40px 20px !important;
}
.chalo-safari-tour .tour-months-grid {
grid-template-columns: repeat(4, 1fr) !important;
}
.chalo-safari-tour #tour-enquire .wpforms-container {
padding: 20px !important;
}
}
@media (max-width: 480px) {
.chalo-safari-tour .tour-hero-section {
min-height: 50vh !important;
}
.chalo-safari-tour .tour-info-item {
flex: 0 0 50% !important;
}
.chalo-safari-tour h2 {
font-size: 26px !important;
}
.chalo-safari-tour .tour-months-grid {
grid-template-columns: repeat(3, 1fr) !important;
}
.chalo-safari-tour .tour-gallery-grid {
grid-template-columns: repeat(2, 1fr) !important;
}
}
/* === end v63 patch === */
/* === standalone-pages.php === */
';
chalo_standalone_css();
echo '
/* ============================================================
NAV + DESTINATION FIXES — 2026-04-15
Appended at END of file to win cascade over gold link rule
Gold rule spec: 0,5,3 — these rules: 0,6,3
============================================================ */
/* WHITE NAV on transparent header (all pages, not scrolled)
Spec: body(0,0,1)+class(0,1,0)+header(0,0,1)+.ct-header(0,1,0)
+:not x3 (0,3,0)+a(0,0,1)+.ct-menu-link(0,1,0) = 0,6,3 */
body.chalo-destination header.ct-header:not(.chalo-scrolled):not(.ct-sticky):not(.is-fixed) a.ct-menu-link,
body:not(.home) header.ct-header:not(.chalo-scrolled):not(.ct-sticky):not(.is-fixed) a.ct-menu-link,
body:not(.home) header.ct-header:not(.chalo-scrolled):not(.ct-sticky):not(.is-fixed) .ct-menu-link {
color: #ffffff !important;
}
/* SCROLLED NAV — dark text on white sticky header */
header.ct-header.chalo-scrolled a.ct-menu-link,
header.ct-header.chalo-scrolled .ct-menu-link,
body.chalo-destination header.ct-header.chalo-scrolled a.ct-menu-link {
color: #2c1810 !important;
}
header.ct-header.chalo-scrolled a.ct-menu-link:hover,
header.ct-header.chalo-scrolled .ct-menu-link:hover {
color: #c8a96e !important;
}
/* DESTINATION CATEGORY CARD BUTTONS — white text on gold bg */
body.chalo-destination .cat-btn,
body.chalo-destination .dest-cat-card a,
body.chalo-destination .dest-cat-card a:visited,
body.chalo-destination .dest-cat-card a:hover {
color: #ffffff !important;
}
/* DROPDOWN LINKS — dark on white dropdown bg */
header.ct-header ul.sub-menu a.ct-menu-link,
header.ct-header .sub-menu .ct-menu-link {
color: #2c1810 !important;
}
header.ct-header ul.sub-menu a.ct-menu-link:hover {
color: #c8a96e !important;
}
/* ===== NAV WHITE + CAT BUTTON FIX — 2026-04-15 ===== */
/* Spec 0,7,4 — beats gold destination link rule 0,6,3 */
/* White nav links on all non-home pages (transparent/hero nav) */
html body:not(.home) header.ct-header.ct-header:not(.chalo-scrolled):not(.ct-sticky):not(.is-fixed) a.ct-menu-link,
html body:not(.home) header.ct-header.ct-header:not(.chalo-scrolled):not(.ct-sticky):not(.is-fixed) .ct-menu-link {
color: #ffffff !important;
}
/* Scrolled nav — dark brown on destination pages */
html body.chalo-destination header.ct-header.ct-header.chalo-scrolled:not(.is-fixed) a.ct-menu-link,
html body.chalo-destination header.ct-header.ct-header.chalo-scrolled:not(.is-fixed) .ct-menu-link {
color: #2c1810 !important;
}
/* Scrolled nav — dark brown on all other non-home pages */
html body:not(.home):not(.chalo-destination) header.ct-header.chalo-scrolled a.ct-menu-link {
color: #2c1810 !important;
}
/* Destination category card buttons — white text (beats gold link rule) */
html body.chalo-destination a.cat-btn:not(.ct-menu-link):not(.gb-button),
html body.chalo-destination .dest-cat-card a:not(.ct-menu-link):not(.gb-button) {
color: #ffffff !important;
}
/* ===== DESTINATION BODY TEXT WEIGHT — 2026-04-15 ===== */
body.chalo-destination p,
body.chalo-destination .dest-narrative p,
body.chalo-destination .dest-section-body,
body.chalo-destination .gb-container p {
font-weight: 300 !important;
line-height: 1.75 !important;
}
/* === PAGE 19629 — Transparent Hero Nav (2026-04-15) === */
body.page-id-19629 header.ct-header:not([data-pg19-scrolled]) {
position: absolute !important;
top: 0; left: 0; right: 0;
background: transparent !important;
background-color: rgba(0,0,0,0) !important;
box-shadow: none !important;
border-bottom: none !important;
}
body.page-id-19629 header.ct-header:not([data-pg19-scrolled]) .ct-menu > li > a,
body.page-id-19629 header.ct-header:not([data-pg19-scrolled]) a.ct-menu-link,
body.page-id-19629 header.ct-header:not([data-pg19-scrolled]) .site-title a {
color: #fff !important;
}
body.page-id-19629 header.ct-header:not([data-pg19-scrolled]) .site-logo-container img {
filter: none !important;
}
body.page-id-19629 header.ct-header:not([data-pg19-scrolled]) .gb-button,
body.page-id-19629 header.ct-header:not([data-pg19-scrolled]) a[href*="start-planning"] {
background: transparent !important;
border: 1px solid rgba(255,255,255,0.85) !important;
color: #fff !important;
box-shadow: none !important;
}
body.page-id-19629 header.ct-header:not([data-pg19-scrolled]) svg path,
body.page-id-19629 header.ct-header:not([data-pg19-scrolled]) svg line,
body.page-id-19629 header.ct-header:not([data-pg19-scrolled]) svg circle {
stroke: #fff !important;
fill: none !important;
}
body.page-id-19629 header.ct-header[data-pg19-scrolled] {
position: fixed !important;
background: #fff !important;
box-shadow: 0 2px 20px rgba(0,0,0,0.1) !important;
}
body.page-id-19629 header.ct-header[data-pg19-scrolled] .ct-menu > li > a,
body.page-id-19629 header.ct-header[data-pg19-scrolled] a.ct-menu-link {
color: #2c1810 !important;
}
body.page-id-19629 header.ct-header[data-pg19-scrolled] .gb-button {
background: #c8a96e !important;
border-color: #c8a96e !important;
color: #fff !important;
}
/* ========================================================================== */
/* MERGED FROM chalo-nav-fixes.css — consolidated into chalo-styles.css */
/* ========================================================================== */
/* Chalo Africa — Nav, Destination Hero & Typography Fixes */
/* chalo-nav-fixes.css v1.3 */
/* ===================================================
NAV WHITE — transparent hero nav, all non-home pages
Spec 0,7,5 beats gold destination link rule 0,5,3
=================================================== */
html body:not(.home) header.ct-header.ct-header:not(.chalo-scrolled):not(.ct-sticky):not(.is-fixed) a.ct-menu-link,
html body:not(.home) header.ct-header.ct-header:not(.chalo-scrolled):not(.ct-sticky):not(.is-fixed) .ct-menu-link {
color: #ffffff !important;
}
html body.chalo-destination header.ct-header.ct-header.chalo-scrolled:not(.is-fixed) a.ct-menu-link,
html body.chalo-destination header.ct-header.ct-header.chalo-scrolled:not(.is-fixed) .ct-menu-link {
color: #2c1810 !important;
}
html body:not(.home):not(.chalo-destination) header.ct-header.chalo-scrolled a.ct-menu-link {
color: #2c1810 !important;
}
/* ===================================================
DESTINATION CATEGORY CARD BUTTONS — white text
=================================================== */
html body.chalo-destination a.cat-btn:not(.ct-menu-link):not(.gb-button),
html body.chalo-destination .dest-cat-card a:not(.ct-menu-link):not(.gb-button) {
color: #ffffff !important;
}
/* ===================================================
DESTINATION BODY TEXT — Montserrat weight 300
=================================================== */
body.chalo-destination p,
body.chalo-destination .dest-narrative p,
body.chalo-destination .dest-section-body,
body.chalo-destination .gb-container p {
font-weight: 300 !important;
line-height: 1.75 !important;
}
/* ===================================================
DESTINATION HERO — full-bleed, single image
GenerateBlocks sets background-image on .gb-layout-hero-1
AND puts an ![]()
inside — hide the inner img to avoid
the double-image effect
=================================================== */
/* Break container out to full viewport width */
body.chalo-destination .gb-layout-hero-1 {
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(-50vw + 50%) !important;
margin-right: 0 !important;
min-height: 80vh !important;
position: relative !important;
background-size: cover !important;
background-position: center center !important;
display: flex !important;
align-items: flex-end !important;
}
/* Gradient overlay */
body.chalo-destination .gb-layout-hero-1::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.25) 50%, rgba(0,0,0,0.65) 100%);
pointer-events: none;
z-index: 1;
}
/* Hide the duplicate inner ![]()
— CSS background handles display */
body.chalo-destination .gb-layout-hero-1 img.gb-container-image,
body.chalo-destination .gb-layout-hero-1 .gb-container-image-wrap {
display: none !important;
}
/* Content area: centred, above gradient, bottom-aligned */
body.chalo-destination .gb-layout-hero-1 .gb-container-inside {
width: 100% !important;
max-width: 1200px !important;
margin: 0 auto !important;
padding: 80px 40px 60px !important;
position: relative !important;
z-index: 2 !important;
box-sizing: border-box !important;
}
/* Hero headings + text — white */
body.chalo-destination .gb-layout-hero-1 h1,
body.chalo-destination .gb-layout-hero-1 h2,
body.chalo-destination .gb-layout-hero-1 p,
body.chalo-destination .gb-layout-hero-1 .dest-hero-subtitle,
body.chalo-destination .gb-layout-hero-1 .dest-breadcrumbs,
body.chalo-destination .gb-layout-hero-1 a {
color: #ffffff !important;
position: relative !important;
z-index: 2 !important;
}
body.chalo-destination .gb-layout-hero-1 h1 {
font-family: 'Cormorant Garamond', serif !important;
font-size: clamp(42px, 6vw, 80px) !important;
font-weight: 300 !important;
letter-spacing: 0.5px !important;
margin-bottom: 16px !important;
text-shadow: 0 2px 20px rgba(0,0,0,0.3) !important;
}
/* Mobile */
@media (max-width: 768px) {
body.chalo-destination .gb-layout-hero-1 {
min-height: 60vh !important;
margin-left: 0 !important;
width: 100% !important;
}
body.chalo-destination .gb-layout-hero-1 .gb-container-inside {
padding: 60px 24px 40px !important;
}
}
/* ========================================================================== */
/* NAV FONT FIX — v84 — matches homepage computed-style audit */
/* Source Sans Pro 15px/500/0.5px/none on all pages, both scroll states */
/* ========================================================================== */
/* ── UNSCROLLED: main top-level links ─────────────────────────────────── */
body header.ct-header:not(.chalo-scrolled) [data-id="menu"] > ul > li > a.ct-menu-link {
font-family: "Source Sans Pro", Montserrat, sans-serif !important;
font-size: 15px !important;
font-weight: 500 !important;
letter-spacing: 0.5px !important;
text-transform: none !important;
color: #ffffff !important;
}
/* ── UNSCROLLED: sub-menu (dropdown) links ────────────────────────────── */
body header.ct-header:not(.chalo-scrolled) [data-id="menu"] .sub-menu a.ct-menu-link {
font-family: "Source Sans Pro", Montserrat, sans-serif !important;
font-size: 15px !important;
font-weight: 500 !important;
letter-spacing: 0.5px !important;
text-transform: none !important;
color: #2c1810 !important;
}
/* ── SCROLLED: main top-level links ───────────────────────────────────── */
body header.ct-header.chalo-scrolled [data-id="menu"] > ul > li > a.ct-menu-link,
body header.ct-header.ct-sticky [data-id="menu"] > ul > li > a.ct-menu-link {
font-family: "Source Sans Pro", Montserrat, sans-serif !important;
font-size: 15px !important;
font-weight: 500 !important;
letter-spacing: 0.5px !important;
text-transform: none !important;
color: #2c1810 !important;
}
/* ── SCROLLED: sub-menu (dropdown) links ──────────────────────────────── */
body header.ct-header.chalo-scrolled [data-id="menu"] .sub-menu a.ct-menu-link,
body header.ct-header.ct-sticky [data-id="menu"] .sub-menu a.ct-menu-link {
font-family: "Source Sans Pro", Montserrat, sans-serif !important;
font-size: 13px !important;
font-weight: 400 !important;
letter-spacing: 0.3px !important;
text-transform: none !important;
color: #2c1810 !important;
}
/* ── CTA "START PLANNING" — both scroll states ─────────────────────────── */
body header.ct-header #menu-item-45977 > a.ct-menu-link,
body header.ct-header .reddish-background > a.ct-menu-link {
font-family: Montserrat, sans-serif !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
}
/* ========================================================================== */
/* DESTINATION PAGE FIXES — v84 — 2026-04-15 */
/* ========================================================================== */
/* ── Hero text — force center on all destination/country hero blocks ─────── */
.gb-layout-hero-1 .gb-container-content,
body.page-id-19629 .gb-layout-hero-1 .gb-container-content {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
width: 100% !important;
}
.gb-layout-hero-1 h1,
.gb-layout-hero-1 h2,
.gb-layout-hero-1 p.gb-lead-text,
body.page-id-19629 .gb-layout-hero-1 h1,
body.page-id-19629 .gb-layout-hero-1 h2,
body.page-id-19629 .gb-layout-hero-1 p {
text-align: center !important;
}
/* ── dest-cat-card buttons — fix gold text on gold background ────────────── */
/* Both class-scoped and page-scoped selectors for maximum coverage */
.dest-cat-card .dest-btn-gold,
.dest-cat-card a.dest-btn-gold,
body.page-id-19629 .dest-cat-card a {
color: #ffffff !important;
}
.dest-cat-card .dest-btn-gold:hover,
.dest-cat-card a.dest-btn-gold:hover,
body.page-id-19629 .dest-cat-card a:hover {
background-color: #b8954e !important;
color: #ffffff !important;
}
/* dest-cat-card cat-btn text fix — .cat-btn not .dest-btn-gold */
.dest-cat-card .cat-btn,
.dest-cat-card a.cat-btn {
color: #ffffff !important;
}
.dest-cat-card .cat-btn:hover,
.dest-cat-card a.cat-btn:hover {
background-color: #b8954e !important;
color: #ffffff !important;
border-color: #b8954e !important;
}
/* Fix cat-btn webkit-text-fill-color — overrides color property in Chrome */
.dest-cat-card .cat-btn,
.dest-cat-card a.cat-btn,
.chalo-destination .dest-cat-card .cat-btn,
.chalo-destination .entry-content .dest-cat-card a.cat-btn {
-webkit-text-fill-color: #ffffff !important;
color: #ffffff !important;
}
.dest-cat-card .cat-btn:hover,
.dest-cat-card a.cat-btn:hover {
-webkit-text-fill-color: #ffffff !important;
color: #ffffff !important;
background-color: #b8954e !important;
}
/* ============================================================
v2.8 FIXES — 2026-04-15
1. Nav links white unscrolled (overrides chalo-destination gold link colour + Blocksy webkit var)
2. START PLANNING button — white ghost unscrolled, gold filled scrolled
3. cat-btn white text on gold bg
4. Destination hero-section — full-bleed, full-width, 70vh
============================================================ */
/* 1. Nav links white unscrolled */
body header.ct-header:not(.chalo-scrolled) [data-id="menu"] .ct-menu-link,
body header.ct-header:not(.chalo-scrolled) [data-id="menu"] > ul > li > a.ct-menu-link {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
body header.ct-header:not(.chalo-scrolled) [data-id="menu"] .sub-menu .ct-menu-link {
color: #2c1810 !important;
-webkit-text-fill-color: #2c1810 !important;
}
/* 2. START PLANNING — ghost white unscrolled */
body header.ct-header:not(.chalo-scrolled) #menu-item-45977 > a.ct-menu-link,
body header.ct-header:not(.chalo-scrolled) .reddish-background > a.ct-menu-link {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
background: transparent !important;
border: 1.5px solid #ffffff !important;
}
/* START PLANNING — gold filled scrolled */
body header.ct-header.chalo-scrolled #menu-item-45977 > a.ct-menu-link,
body header.ct-header.chalo-scrolled .reddish-background > a.ct-menu-link,
body header.ct-header.ct-sticky #menu-item-45977 > a.ct-menu-link,
body header.ct-header.ct-sticky .reddish-background > a.ct-menu-link {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
background: #c8a96e !important;
border: 2px solid #c8a96e !important;
}
/* Scrolled nav links dark */
body header.ct-header.chalo-scrolled [data-id="menu"] .ct-menu-link,
body header.ct-header.ct-sticky [data-id="menu"] .ct-menu-link {
-webkit-text-fill-color: #2c1810 !important;
}
/* 3. cat-btn white text */
body.chalo-destination .dest-cat-card .cat-btn,
body.chalo-destination .dest-cat-card a.cat-btn,
body.chalo-destination .dest-cat-card a.cat-btn:visited,
body.chalo-destination .dest-cat-card a.cat-btn:hover {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
/* 4. Destination hero-section — full-bleed, full-width, 70vh */
body.chalo-destination .hero-section {
position: relative !important;
width: 100vw !important;
margin-left: calc(-50vw + 50%) !important;
min-height: 70vh !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
display: flex !important;
align-items: flex-end !important;
overflow: hidden !important;
}
body.chalo-destination .hero-section::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.6) 100%) !important;
z-index: 1 !important;
pointer-events: none !important;
}
body.chalo-destination .hero-section .entry-header {
position: relative !important;
z-index: 2 !important;
width: 100% !important;
padding: 40px 60px !important;
color: #ffffff !important;
}
body.chalo-destination .hero-section .entry-header .page-title {
display: block !important;
color: #ffffff !important;
font-family: 'Cormorant Garamond', serif !important;
font-size: 72px !important;
font-weight: 300 !important;
text-shadow: 0 2px 20px rgba(0,0,0,0.4) !important;
margin: 0 0 16px !important;
}
/* ============================================================
v2.8 FIXES 2026-04-15
============================================================ */
/* Nav links white unscrolled on ALL pages (beats chalo-destination gold) */
body header.ct-header:not(.chalo-scrolled) [data-id="menu"] .ct-menu-link,
body header.ct-header:not(.chalo-scrolled) [data-id="menu"] > ul > li > a.ct-menu-link {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
body header.ct-header:not(.chalo-scrolled) [data-id="menu"] .sub-menu .ct-menu-link {
color: #2c1810 !important;
-webkit-text-fill-color: #2c1810 !important;
}
/* START PLANNING ghost white unscrolled */
body header.ct-header:not(.chalo-scrolled) #menu-item-45977 > a.ct-menu-link,
body header.ct-header:not(.chalo-scrolled) .reddish-background > a.ct-menu-link {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
background: transparent !important;
border: 1.5px solid #ffffff !important;
}
/* START PLANNING gold filled scrolled */
body header.ct-header.chalo-scrolled #menu-item-45977 > a.ct-menu-link,
body header.ct-header.chalo-scrolled .reddish-background > a.ct-menu-link,
body header.ct-header.ct-sticky #menu-item-45977 > a.ct-menu-link,
body header.ct-header.ct-sticky .reddish-background > a.ct-menu-link {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
background: #c8a96e !important;
border: 2px solid #c8a96e !important;
}
/* Scrolled nav links dark */
body header.ct-header.chalo-scrolled [data-id="menu"] .ct-menu-link,
body header.ct-header.ct-sticky [data-id="menu"] .ct-menu-link {
-webkit-text-fill-color: #2c1810 !important;
}
/* cat-btn white text on gold background */
body.chalo-destination .dest-cat-card .cat-btn,
body.chalo-destination .dest-cat-card a.cat-btn,
body.chalo-destination .dest-cat-card a.cat-btn:visited,
body.chalo-destination .dest-cat-card a.cat-btn:hover {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
/* Destination hero-section - full-bleed full-width 70vh */
body.chalo-destination .hero-section {
position: relative !important;
width: 100vw !important;
margin-left: calc(-50vw + 50%) !important;
min-height: 70vh !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
display: flex !important;
align-items: flex-end !important;
overflow: hidden !important;
}
body.chalo-destination .hero-section::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.6) 100%) !important;
z-index: 1 !important;
pointer-events: none !important;
}
body.chalo-destination .hero-section .entry-header {
position: relative !important;
z-index: 2 !important;
width: 100% !important;
padding: 40px 60px !important;
}
body.chalo-destination .hero-section .entry-header .page-title {
display: block !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-family: 'Cormorant Garamond', serif !important;
font-size: 72px !important;
font-weight: 300 !important;
text-shadow: 0 2px 20px rgba(0,0,0,0.4) !important;
margin: 0 0 16px 0 !important;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
INLINE CSS MIGRATION v2.9 — 2026-04-15
Stripped from inc/*.php and consolidated here
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* === Migrated from inc/camps-offers.php 2026-04-15 === */
/* Card description styling */
.camp-card-desc {
font-family: "Montserrat", sans-serif !important;
font-size: 13px !important;
font-weight: 300 !important;
color: #6b6560 !important;
line-height: 1.6 !important;
padding: 6px 22px 10px !important;
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
text-align: left !important;
}
/* === Migrated from inc/custom-footer.php 2026-04-15 === */
/* Hide Genesis default footer div, keep our custom one */
div.site-footer { display: none !important; }
.chalo-custom-footer { display: block !important; }
.site-info, #colophon { display: none !important; }
footer.site-footer { display: block !important; }
footer.ct-footer { display: none !important; }
.custom-footer {
background: #0F0D09 !important;
color: rgba(250,247,242,0.7);
padding: 80px 5% 0;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
line-height: 1.8;
font-weight: 300;
}
.footer-grid {
display: grid;
grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
gap: 50px;
max-width: 1200px;
margin: 0 auto;
}
.footer-col h4 {
font-family: 'Cormorant Garamond', Georgia, serif !important;
color: #C9A84C !important;
font-size: 18px;
font-weight: 500;
margin-bottom: 20px;
letter-spacing: 0.05em;
}
.footer-col p {
color: rgba(250,247,242,0.7);
line-height: 1.8;
font-weight: 300;
}
.footer-col a {
color: rgba(250,247,242,0.7) !important;
text-decoration: none;
transition: opacity 0.2s ease;
display: block;
margin-bottom: 10px;
font-weight: 300;
}
.footer-col a:hover {
opacity: 1 !important;
color: #FAF7F2 !important;
}
.footer-social {
display: flex;
gap: 16px;
margin-top: 20px;
}
.footer-social a {
display: inline-flex !important;
margin-bottom: 0 !important;
}
.footer-social svg {
fill: rgba(250,247,242,0.7);
transition: fill 0.2s ease;
width: 20px;
height: 20px;
}
.footer-social a:hover svg {
fill: #FAF7F2;
}
.footer-bottom {
background: #0F0D09;
border-top: 1px solid #524422;
margin-top: 60px;
padding: 24px 0;
text-align: center;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.footer-bottom p {
color: rgba(250,247,242,0.5);
font-size: 13px;
font-weight: 300;
}
.footer-bottom a {
color: rgba(250,247,242,0.5) !important;
text-decoration: none;
margin: 0 12px;
transition: opacity 0.2s ease;
}
.footer-bottom a:hover {
color: rgba(250,247,242,0.8) !important;
}
@media (max-width: 768px) {
.footer-grid { grid-template-columns: 1fr; gap: 30px; }
.custom-footer { padding: 40px 5% 0; }
}
/* === Migrated from inc/dest-upgrade.php 2026-04-15 === */
body.chalo-destination #h-chat-with-a-specialist,
body.chalo-destination #h-chat-with-a-specialist + .wp-block-image,
body.chalo-destination #h-chat-with-a-specialist + .wp-block-image + p,
body.chalo-destination #h-chat-with-a-specialist ~ p.has-text-align-center {
display: none !important;
}
/* === Migrated from inc/global-nav-hero.php 2026-04-15 === */
';
echo chalo_v25_get_css();
echo '
/* v45fix17 Force dark text on desktop nav dropdown submenus */
.ct-header .header-menu-1 .sub-menu a.ct-menu-link,
.ct-header .header-menu-1 .sub-menu li a,
.ct-header .header-menu-1 .sub-menu a,
header[data-id="type-1"] .header-menu-1 .sub-menu a.ct-menu-link,
header[data-id="type-1"] .sub-menu a {
color: #2c1810 !important;
}
.ct-header .header-menu-1 .sub-menu a.ct-menu-link:hover,
.ct-header .header-menu-1 .sub-menu li a:hover,
header[data-id="type-1"] .sub-menu a:hover {
color: #c8a96e !important;
}
/* v45fix18 Remove text-shadow from dropdown submenu links */
.ct-header .header-menu-1 .sub-menu a.ct-menu-link,
.ct-header .header-menu-1 .sub-menu li a,
.ct-header .header-menu-1 .sub-menu a,
header[data-id="type-1"] .header-menu-1 .sub-menu a.ct-menu-link,
header[data-id="type-1"] .sub-menu a {
text-shadow: none !important;
}
/* === Migrated from inc/global-nav-hero.php 2026-04-15 === */
' . chalo_v49_css() . '
/* === Migrated from inc/homepage-polish.php 2026-04-15 === */
/* v13 - Homepage Polish CSS (overflow from Customizer limit) */
/* STATS BAR */
.gb-layout-columns-4.border-grey .dashicons {
display: none !important; width: 0 !important; height: 0 !important; font-size: 0 !important;
}
.gb-layout-columns-4.border-grey {
background: #F7F4EF !important; padding: 18px 0 !important;
}
.gb-layout-columns-4.border-grey .gb-block-layout-column {
border-right: 1px solid #d4c4a8 !important;
}
.gb-layout-columns-4.border-grey .gb-block-layout-column:last-child {
border-right: none !important;
}
.gb-layout-columns-4.border-grey p {
font-family: 'Montserrat', sans-serif !important;
font-size: 17px !important; font-weight: 300 !important;
letter-spacing: 2.5px !important; line-height: 1.85 !important; color: #2C1810 !important;
text-transform: uppercase !important;
}
/* HERO H1 - not italic */
.home .gb-layout-hero-1 h1,
.home .gb-layout-hero-1 h1.wp-block-heading,
.home .gb-layout-hero-1 h1 strong,
.home .gb-layout-hero-1 h1 b {
font-style: normal !important;
font-size: 88px !important;
}
/* HERO BUTTON - Begin Your Journey */
.home .gb-layout-hero-1 .wp-block-button__link {
font-family: 'Source Sans Pro', sans-serif !important;
text-transform: uppercase !important;
letter-spacing: 2px !important;
}
/* HERO GRADIENT - contain ::before within hero */
.entry-content > .gb-layout-business-1 {
position: relative !important;
overflow: hidden !important;
}
.entry-content > .gb-layout-business-1::before {
content: '' !important; position: absolute !important;
top: 0; left: 0; right: 0; bottom: 0 !important;
background: linear-gradient(to bottom, rgba(30,20,10,0.3) 0%, rgba(30,20,10,0.1) 40%, rgba(30,20,10,0.2) 100%) !important;
z-index: 1 !important; pointer-events: none !important;
}
/* SECTION HEADINGS - luxury spacing + separator */
.entry-content h2:not(#h-out-of-africa):not(.ec-section-title):not(.chalo-experiences__title):not(#h-plan-your-safari-in-60-seconds) {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-weight: 400 !important; color: #3d3226 !important;
text-align: center !important;
padding-top: 60px !important;
margin-bottom: 30px !important;
position: relative !important;
}
/* Gold separator line after H2 */
.entry-content h2:not(#h-out-of-africa):not(.ec-section-title):not(.chalo-experiences__title)::after {
content: '' !important;
display: block !important;
width: 50px !important;
height: 2px !important;
background: #C8A96E !important;
margin: 18px auto 0 !important;
}
/* Subtitle P after H2 - spacing */
.entry-content .gb-block-layout-column-inner > h2 + p,
.entry-content h2 + .has-text-align-center {
margin-top: 10px !important;
margin-bottom: 40px !important;
color: #6B6560 !important;
font-size: 16px !important;
}
/* DESTINATION CARDS */
.entry-content .gb-layout-columns-4:not(.border-grey) .gb-block-layout-column {
padding: 0 !important; background: #fff !important;
border-radius: 0 !important; overflow: hidden !important;
box-shadow: 0 2px 15px rgba(61,50,38,0.07) !important;
border: 1px solid #e8dfd4 !important;
transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.entry-content .gb-layout-columns-4:not(.border-grey) .gb-block-layout-column:hover {
transform: translateY(-4px) !important;
box-shadow: 0 8px 25px rgba(61,50,38,0.12) !important;
}
.entry-content .gb-layout-columns-4:not(.border-grey) .gb-block-layout-column img {
width: 100% !important; height: 220px !important;
object-fit: cover !important; border-radius: 0 !important; display: block !important;
}
.entry-content .gb-layout-columns-4:not(.border-grey) .gb-block-layout-column h3,
.entry-content .gb-layout-columns-4:not(.border-grey) .gb-block-layout-column h4 {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 26px !important; font-weight: 500 !important;
color: #0F0D09 !important; margin: 20px 0 12px !important; padding: 0 16px !important;
}
.entry-content .gb-layout-columns-4:not(.border-grey) .gb-block-layout-column p {
font-family: 'Montserrat', sans-serif !important;
font-size: 14px !important; color: #6B6560 !important; font-weight: 300 !important;
padding: 0 16px 18px !important; margin: 0 !important; line-height: 1.7 !important;
}
/* OUT OF AFRICA 3-col */
#h-out-of-africa ~ .gb-layout-columns-4 .gb-layout-column-wrap {
grid-template-columns: repeat(3, 1fr) !important;
}
/* TRUST SECTION - remove boxes */
.entry-content > .gb-layout-service-2:nth-child(5) .gb-block-layout-column {
border: none !important; background: transparent !important; box-shadow: none !important;
}
/* CURATED SAFARI EXPERIENCES */
.chalo-experiences .chalo-exp-card { min-height: 450px !important; }
.chalo-experiences .chalo-exp-card__title { font-size: 28px !important; }
.chalo-experiences .chalo-exp-card__subtitle { font-size: 13px !important; letter-spacing: 2px !important; }
/* LUXURY SPACING - generous section padding */
/* Choose Your Wilderness */
.entry-content > .gb-layout-service-2:nth-child(3) {
padding: 80px 5% !important;
}
/* Trust section */
.entry-content > .gb-layout-service-2:nth-child(4) {
padding: 80px !important;
margin-top: 60px !important;
}
/* Out of Africa cards row */
.entry-content > .gb-layout-columns-4:not(.border-grey) {
padding: 0 5% 80px !important;
}
/* Reviews */
.entry-content > .gb-layout-service-2[style*="1a1a2e"],
.entry-content > .gb-layout-service-2:nth-child(14) {
padding: 80px 5% !important;
}
/* CTA section */
.entry-content > .gb-block-container.gb-layout-hero-1 {
padding: 80px 5% !important;
}
/* Affiliations */
.entry-content > .gb-layout-service-2:last-child {
padding: 80px 5% !important;
}
/* Section spacing between major blocks */
.entry-content > .chalo-experiences {
margin-top: 40px !important;
}
/* CURATED EXPERIENCES - card gaps + font legibility */
.chalo-experiences__grid {
gap: 15px !important;
}
.chalo-experiences .ec-card-overlay {
background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.05) 100%) !important;
}
.chalo-experiences .ec-card-overlay h3,
.chalo-experiences .ec-card-overlay .ec-card-title {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 24px !important;
font-weight: 500 !important;
color: #fff !important;
text-shadow: 0 1px 4px rgba(0,0,0,0.5) !important;
}
.chalo-experiences .ec-card-overlay .ec-card-subtitle,
.chalo-experiences .ec-card-overlay .ec-card-tag {
color: #e8e0d5 !important;
font-size: 11px !important;
letter-spacing: 2px !important;
text-shadow: 0 1px 3px rgba(0,0,0,0.4) !important;
}
.chalo-experiences .ec-card-overlay .ec-card-price {
color: #fff !important;
text-shadow: 0 1px 3px rgba(0,0,0,0.4) !important;
}
.chalo-experiences .ec-card-overlay .ec-card-link {
color: #C8A96E !important;
text-shadow: 0 1px 3px rgba(0,0,0,0.4) !important;
}
/* SMALL GROUP EXPEDITIONS */
.ec-section h2.ec-section-title {
color: #F5F0EA !important;
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-weight: 400 !important;
font-size: 42px !important;
padding-top: 20px !important;
margin-bottom: 10px !important;
position: relative !important;
}
.ec-section h2.ec-section-title::after {
content: '' !important;
display: block !important;
width: 50px !important;
height: 2px !important;
background: #C8A96E !important;
margin: 18px auto 0 !important;
}
.ec-section .ec-subtitle {
color: #d4cfc8 !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 16px !important;
font-weight: 300 !important;
text-align: center !important;
margin: 15px auto 30px !important;
letter-spacing: 0.5px !important;
}
.ec-section {
margin: 0 !important; width: 100vw !important;
max-width: none !important;
margin-left: calc(-50vw + 50%) !important;
background: #2a1f15 !important; padding: 60px 40px !important;
}
.ec-section .ec-card-overlay {
text-align: center !important; align-items: center !important;
justify-content: flex-end !important;
background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.3) 50%, transparent 100%) !important;
}
.ec-section .ec-heading { text-align: center !important; }
/* KLIPKLOP - double checkmarks fix */
.klipklop-section .kk-image:empty { display: none !important; }
.klipklop-section li::before { display: none !important; content: none !important; }
/* REVIEWS - dark brown background */
.entry-content > .gb-layout-service-2[style*="1a1a2e"] {
background: #2c2318 !important; background-color: #2c2318 !important;
}
.entry-content > .gb-layout-service-2[style*="1a1a2e"] h2 {
color: #C8A96E !important;
}
.entry-content > .gb-layout-service-2[style*="1a1a2e"] .gb-layout-columns-3 .gb-block-layout-column {
background: rgba(255,255,255,0.06) !important;
border: 1px solid rgba(200,169,110,0.2) !important;
border-radius: 0 !important; padding: 30px !important;
}
.entry-content > .gb-layout-service-2[style*="1a1a2e"] p {
color: #d4c4a8 !important;
}
.entry-content > .gb-layout-service-2[style*="1a1a2e"] .gb-layout-columns-3 .gb-block-layout-column .gb-block-layout-column-inner::before {
content: '\201C' !important;
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 60px !important; color: rgba(200,169,110,0.3) !important;
line-height: 1 !important; display: block !important; margin-bottom: -10px !important;
}
.entry-content > .gb-layout-service-2[style*="1a1a2e"] hr {
border-color: #C8A96E !important; width: 50px !important; margin: 0 auto 15px !important;
}
.entry-content > .gb-layout-service-2[style*="1a1a2e"] a { color: #C8A96E !important; }
.entry-content > .gb-layout-service-2[style*="1a1a2e"] strong { color: #e8dfd4 !important; }
/* PLAN YOUR SAFARI CTA - tribal pattern */
body.home .entry-content > .gb-block-container.gb-layout-hero-1 {
background-image: url('https://www.chaloafrica.com/wp-content/uploads/2026/03/tribal-pattern-africa.jpg') !important;
background-size: cover !important; background-position: center !important;
background-repeat: no-repeat !important; background-color: transparent !important;
}
body.home .entry-content > .gb-block-container.gb-layout-hero-1 h2 {
color: #ffffff !important;
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: clamp(36px, 4.5vw, 56px) !important;
font-weight: 400 !important; font-style: italic !important;
}
body.home .entry-content > .gb-block-container.gb-layout-hero-1 p {
color: rgba(255,255,255,0.85) !important;
font-family: 'Montserrat', sans-serif !important; font-size: 16px !important;
}
body.home .entry-content > .gb-block-container.gb-layout-hero-1 .wp-block-button .wp-block-button__link {
background-color: #5a8a82 !important; color: #ffffff !important;
font-family: 'Montserrat', sans-serif !important; font-size: 13px !important;
letter-spacing: 3px !important; text-transform: uppercase !important;
padding: 18px 45px !important; border: none !important; border-radius: 0 !important;
}
/* AFFILIATIONS - remove boxes */
.entry-content > .gb-layout-service-2:last-child .gb-layout-columns-4 .gb-block-layout-column {
background: transparent !important; border: none !important;
box-shadow: none !important; border-radius: 0 !important;
}
.entry-content > .gb-layout-service-2:last-child {
background: #faf7f2 !important; text-align: center !important;
}
.entry-content > .gb-layout-service-2:last-child .gb-layout-column-wrap {
max-width: 1200px !important; margin: 0 auto !important;
align-items: center !important;
}
/* AFFILIATIONS - white background */
.entry-content > .gb-layout-service-2:last-child {
background-color: #ffffff !important;
}
/* SPACERS */
.entry-content > .wp-block-spacer { height: 40px !important; }
/* MOBILE */
@media (max-width: 768px) {
.entry-content .gb-layout-columns-4:not(.border-grey) .gb-block-layout-column img { height: 180px !important; }
.chalo-experiences .chalo-exp-card { min-height: 350px !important; }
.ec-section { padding: 40px 20px !important; }
#h-out-of-africa ~ .gb-layout-columns-4 .gb-layout-column-wrap { grid-template-columns: 1fr !important; }
}
/* ===== BATCH FIX: March 6 v14 ===== */
/* 1. CURATED EXPERIENCES - fix grid overflow, cards should fit columns */
.chalo-experiences__grid .chalo-exp-card {
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
}
/* Sans-serif for subtitle and price */
.chalo-experiences .chalo-exp-card__subtitle {
font-family: 'Montserrat', sans-serif !important;
font-size: 11px !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
color: rgba(255,255,255,0.8) !important;
}
.chalo-experiences .chalo-exp-card__price {
font-family: 'Montserrat', sans-serif !important;
font-size: 13px !important;
font-weight: 300 !important;
font-style: italic !important;
color: rgba(255,255,255,0.9) !important;
}
/* Discover link - white */
.chalo-experiences .chalo-exp-card__cta {
color: #ffffff !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 12px !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
font-weight: 400 !important;
}
/* 2. KLIPKLOP - center all text */
.klipklop-section .kk-content {
text-align: center !important;
}
.klipklop-section .kk-content p,
.klipklop-section .kk-content li {
text-align: center !important;
}
.klipklop-section .kk-content .gb-button {
margin: 0 auto !important;
display: inline-block !important;
}
.klipklop-section .kk-content ul,
.klipklop-section .kk-content ol {
list-style-position: inside !important;
padding-left: 0 !important;
}
/* 3. OUT OF AFRICA - style h2 like other sections + separator + p + images + border */
#h-out-of-africa {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-weight: 400 !important;
color: #3d3226 !important;
font-size: 48px !important;
text-align: center !important;
padding-top: 60px !important;
margin-bottom: 10px !important;
position: relative !important;
border-top: 1px solid #e8dfd4 !important;
padding-top: 80px !important;
}
#h-out-of-africa::after {
content: '' !important;
display: block !important;
width: 50px !important;
height: 2px !important;
background: #C8A96E !important;
margin: 18px auto 0 !important;
}
/* Out of Africa subtitle P */
#h-out-of-africa + p {
font-family: 'Montserrat', sans-serif !important;
font-size: 16px !important;
font-weight: 300 !important;
color: #6B6560 !important;
text-align: center !important;
margin-top: 15px !important;
margin-bottom: 40px !important;
letter-spacing: 0.3px !important;
}
/* Out of Africa card images - full width */
#h-out-of-africa ~ .gb-layout-columns-4 .gb-block-layout-column img,
#h-out-of-africa ~ .gb-layout-columns-4 figure img {
width: 100% !important;
height: 250px !important;
object-fit: cover !important;
display: block !important;
border-radius: 0 !important;
}
#h-out-of-africa ~ .gb-layout-columns-4 figure {
margin: 0 !important;
width: 100% !important;
}
#h-out-of-africa ~ .gb-layout-columns-4 .gb-block-layout-column {
overflow: hidden !important;
}
/* 4. CHOOSE YOUR WILDERNESS - beige bg, spacing, bigger lighter font */
.entry-content > .gb-layout-service-2:nth-child(3) {
background-color: #ffffff !important;
padding: 80px 5% !important;
}
.entry-content > .gb-layout-service-2:nth-child(3) h2 {
font-size: 48px !important;
color: #4a3f35 !important;
}
.entry-content > .gb-layout-service-2:nth-child(3) .gb-block-layout-column h3,
.entry-content > .gb-layout-service-2:nth-child(3) .gb-block-layout-column h4 {
font-size: 26px !important;
color: #4a3f35 !important;
}
.entry-content > .gb-layout-service-2:nth-child(3) .gb-block-layout-column p {
font-family: 'Montserrat', sans-serif !important;
font-size: 15px !important;
font-weight: 300 !important;
color: #6B6560 !important;
line-height: 1.7 !important;
}
/* v45 HOMEPAGE POLISH */
.home .entry-content .gb-block-layout-column p,
.home .entry-content .gb-block-layout-column .dest-description {
font-size: 17px !important;
line-height: 1.7 !important;
font-weight: 300 !important;
}
.home .entry-content hr {
max-width: 60px !important;
}
.home .entry-content .dest-price,
.home .entry-content .tour-price,
.home .entry-content [class*="price"] {
color: #b8922a !important;
}
.home .entry-content > .wp-block-genesis-blocks-gb-columns.border-grey {
letter-spacing: 2.5px !important;
}
.home .entry-content > .wp-block-genesis-blocks-gb-columns.border-grey .gb-block-layout-column {
border-right-color: #d4ccc4 !important;
border-right-width: 2px !important;
}
.home .entry-content > .gb-layout-service-2:nth-of-type(2) .gb-block-layout-column {
min-height: 280px !important;
transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.home .entry-content > .gb-layout-service-2:nth-of-type(2) .gb-block-layout-column:hover {
transform: translateY(-3px) !important;
box-shadow: 0 8px 30px rgba(0,0,0,0.08) !important;
}
.home .entry-content > .gb-layout-service-2:nth-of-type(2) .gb-block-layout-column .wp-block-image img {
width: 16px !important;
height: 16px !important;
}
.home .dest-card .dest-image,
.home .dest-card .dest-image img {
height: 220px !important;
object-fit: cover !important;
}
.home .dest-card a {
text-decoration: none !important;
border-bottom: none !important;
}
.home .dest-card .dest-meta span {
white-space: nowrap !important;
}
.home .chalo-experiences .experience-card::after,
.home .chalo-experiences .experience-card .experience-overlay {
background: linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,0.65) 100%) !important;
}
.home .chalo-experiences .experience-card .experience-link {
opacity: 1 !important;
visibility: visible !important;
}
.home .ec-section {
padding: 80px 40px !important;
}
.home .ec-section .ec-subtitle,
.home .ec-section .ec-section-subtitle {
font-size: 18px !important;
color: rgba(255,255,255,0.9) !important;
text-shadow: 0 1px 4px rgba(0,0,0,0.5) !important;
line-height: 1.6 !important;
}
.home .entry-content [class*="star"] img,
.home .entry-content [class*="star"] svg {
width: 20px !important;
height: 20px !important;
}
.home .entry-content .review-quote::before,
.home .entry-content blockquote::before {
font-size: 48px !important;
color: #c8a96e !important;
opacity: 0.4 !important;
}
.home .entry-content img[src*="partner"],
.home .entry-content img[src*="affili"] {
max-height: 60px !important;
width: auto !important;
object-fit: contain !important;
}
.chalo-custom-footer .chalo-footer-social a {
font-size: 22px !important;
transition: color 0.3s ease !important;
}
.chalo-custom-footer .chalo-footer-social a:hover {
color: #c8a96e !important;
}
.chalo-custom-footer .chalo-footer-grid {
gap: 40px !important;
}
.home .entry-content .gb-layout-hero-1 .gb-button,
.home .entry-content a.gb-button.reddish-background {
background-color: #c8a96e !important;
background: #c8a96e !important;
border-color: #c8a96e !important;
color: #fff !important;
border-radius: 0 !important;
}
.home .entry-content .gb-layout-hero-1 .gb-button:hover,
.home .entry-content a.gb-button.reddish-background:hover {
background-color: #b8954e !important;
background: #b8954e !important;
transform: translateY(-2px) !important;
box-shadow: 0 8px 25px rgba(200,169,110,0.3) !important;
}
.home .entry-content h2 {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-weight: 400 !important;
}
@media (max-width: 768px) {
.home .ec-section {
padding: 50px 20px !important;
}
.home .dest-card .dest-image,
.home .dest-card .dest-image img {
height: 180px !important;
}
.home .entry-content > .gb-layout-service-2:nth-of-type(2) .gb-block-layout-column {
min-height: auto !important;
}
.chalo-custom-footer .chalo-footer-grid {
gap: 30px !important;
}
}
/* FIX: CTA buttons using wp-block-button__link with inline teal */
.home .wp-block-button__link[style*="background-color:#00a99d"],
.home .wp-block-button__link[style*="background-color: #00a99d"],
.home a.wp-block-button__link.has-background {
background-color: #c8a96e !important;
background: #c8a96e !important;
border-color: #c8a96e !important;
border-radius: 0 !important;
}
.home .wp-block-button__link[style*="background-color:#00a99d"]:hover,
.home a.wp-block-button__link.has-background:hover {
background-color: #b8954e !important;
background: #b8954e !important;
transform: translateY(-2px) !important;
box-shadow: 0 8px 25px rgba(200,169,110,0.3) !important;
}
/* FIX2: Override high-specificity teal CTA buttons */
body.home .entry-content .gb-layout-hero-1 .wp-block-button:not(.is-style-outline) .wp-block-button__link,
body.home .entry-content > .gb-block-container.gb-layout-hero-1 .wp-block-button .wp-block-button__link,
body.home .gb-layout-hero-1 .wp-block-button__link,
body.home .entry-content .gb-layout-business-1 .wp-block-button .wp-block-button__link {
background-color: #c8a96e !important;
background: #c8a96e !important;
border-color: #c8a96e !important;
border-radius: 0 !important;
color: #fff !important;
}
body.home .entry-content .gb-layout-hero-1 .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
body.home .entry-content > .gb-block-container.gb-layout-hero-1 .wp-block-button .wp-block-button__link:hover,
body.home .gb-layout-hero-1 .wp-block-button__link:hover,
body.home .entry-content .gb-layout-business-1 .wp-block-button .wp-block-button__link:hover {
background-color: #b8954e !important;
background: #b8954e !important;
transform: translateY(-2px) !important;
box-shadow: 0 8px 25px rgba(200,169,110,0.3) !important;
}
/* FIX3: Restore outline/ghost buttons to transparent */
body.home .is-style-outline .wp-block-button__link,
body.home .wp-block-button.is-style-outline .wp-block-button__link {
background-color: transparent !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
body.home .is-style-outline .wp-block-button__link:hover,
body.home .wp-block-button.is-style-outline .wp-block-button__link:hover {
background-color: transparent !important;
background: transparent !important;
color: #c8a96e !important;
transform: none !important;
box-shadow: none !important;
}
/* --- v45fix4: Restore outline/ghost buttons inside business-1 & hero-1 --- */
body.home .entry-content .gb-layout-business-1 .wp-block-button.is-style-outline .wp-block-button__link,
body.home .entry-content .gb-layout-hero-1 .wp-block-button.is-style-outline .wp-block-button__link,
body.home .entry-content .gb-block-container .wp-block-button.is-style-outline .wp-block-button__link {
background-color: transparent !important;
background: transparent !important;
border: none !important;
color: #B7B7B7 !important;
box-shadow: none !important;
}
body.home .entry-content .gb-layout-business-1 .wp-block-button.is-style-outline .wp-block-button__link:hover,
body.home .entry-content .gb-layout-hero-1 .wp-block-button.is-style-outline .wp-block-button__link:hover,
body.home .entry-content .gb-block-container .wp-block-button.is-style-outline .wp-block-button__link:hover {
color: #c8a96e !important;
}
/* --- v45fix5: KlipKlop CTA button font fix (TimesInter) --- */
body.home .kk-cta a,
body.home .kk-content a,
body.home .kk-cta .wp-block-button__link,
.kk-cta a {
font-family: 'Montserrat', sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
}
/* --- v45fix6: Safari Experiences card title + price font sizes --- */
.chalo-experiences .chalo-exp-card__title {
font-size: 30px !important;
}
.chalo-experiences .chalo-exp-card__price {
font-size: 15px !important;
}
/* --- v45fix7: Explorers Club card font + margin tweaks --- */
.ec-card-overlay h3 {
font-size: 34px !important;
margin-bottom: 5px !important;
}
.ec-card-subtitle {
font-size: 20px !important;
margin-bottom: 15px !important;
}
.ec-card-detail {
font-family: 'Montserrat', sans-serif !important;
font-size: 15px !important;
}
/* --- v45fix8: Explorers Club card image gold border --- */
img.ec-card-img {
border: 24px solid #c8a96e !important;
}
/* --- v45fix9: Review cards duller left-aligned quote marks + serif font --- */
.gb-layout-service-2 .gb-block-layout-column::before {
color: rgba(200, 169, 110, 0.15) !important;
text-align: left !important;
padding-left: 20px !important;
}
.gb-layout-service-2 .gb-3-col-equal .gb-block-layout-column p {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 17px !important;
font-weight: 400 !important;
font-style: italic !important;
line-height: 1.7 !important;
color: #4a3f38 !important;
}
.gb-layout-service-2 .gb-3-col-equal .gb-block-layout-column p strong {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-weight: 600 !important;
font-style: italic !important;
}
/* v45fix10 Review quote mark: left-aligned via display block */
.gb-layout-service-2 .gb-block-layout-column::before {
display: block !important;
text-align: left !important;
padding-left: 20px !important;
color: rgba(200, 169, 110, 0.15) !important;
}
/* v45fix11 Quote mark left-align via width fit-content + margin */
.gb-layout-service-2 .gb-block-layout-column::before {
width: fit-content !important;
margin-left: 20px !important;
margin-right: auto !important;
}
/* v45fix12 Review cards: correct selector for quote mark left-align + duller */
.gb-layout-service-2 .gb-3-col-equal .gb-block-layout-column::before {
display: block !important;
width: fit-content !important;
margin-left: 20px !important;
margin-right: auto !important;
color: rgba(200, 169, 110, 0.15) !important;
font-size: 60px !important;
}
/* v45fix13 Review quote: opacity + fixed width for left align */
.gb-layout-service-2 .gb-3-col-equal .gb-block-layout-column::before {
opacity: 0.15 !important;
width: 60px !important;
margin-left: 0 !important;
margin-right: auto !important;
}
/* v45fix14 Review quote: force left with position absolute */
.gb-layout-service-2 .gb-3-col-equal .gb-block-layout-column {
position: relative !important;
}
.gb-layout-service-2 .gb-3-col-equal .gb-block-layout-column::before {
position: absolute !important;
left: 20px !important;
top: 20px !important;
margin: 0 !important;
width: auto !important;
}
/* v45fix15 Review cards: bigger font, no italic */
.gb-layout-service-2 .gb-3-col-equal .gb-block-layout-column p {
font-size: 19px !important;
font-style: normal !important;
line-height: 1.7 !important;
}
/* v45fix16 Review cards: target em tags, bigger + not italic */
.gb-layout-service-2 .gb-3-col-equal .gb-block-layout-column p,
.gb-layout-service-2 .gb-3-col-equal .gb-block-layout-column p em,
.gb-layout-service-2 .gb-3-col-equal .gb-block-layout-column p span,
.gb-layout-service-2 .gb-3-col-equal .gb-block-layout-column p em span {
font-style: normal !important;
font-size: 19px !important;
line-height: 1.7 !important;
}
/* v45fix19 Experience card subtitle font size 12px */
.chalo-experiences .chalo-exp-card__subtitle {
font-size: 12px !important;
}
.footer-bottom {
border-top: 1px solid rgba(200, 169, 110, 0.2) !important;
}
.custom-footer {
text-align: center !important;
}
.custom-footer .footer-col h4,
.chalo-custom-footer .footer-col h4 {
font-family: 'Cormorant Garamond', serif !important;
font-style: italic !important;
font-size: 24px !important;
font-weight: 400 !important;
}
.custom-footer .newsletter-section h3,
.chalo-custom-footer .newsletter-section h3 {
font-family: 'Cormorant Garamond', serif !important;
font-style: italic !important;
font-size: 24px !important;
font-weight: 400 !important;
}
/* === v64 Footer Separator + Social Icon Polish === */
/* 1. Both separators: same gold colour, same max-width */
.custom-footer .footer-newsletter {
border-top: 1px solid rgba(200, 169, 110, 0.2) !important;
max-width: 1200px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.custom-footer .footer-bottom,
.footer-bottom {
border-top: 1px solid rgba(200, 169, 110, 0.2) !important;
max-width: 1200px !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* 2. Social icons: gold circles, centred */
.custom-footer .footer-social,
.footer-social {
justify-content: center !important;
}
.custom-footer .footer-social a,
.footer-social a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 38px !important;
height: 38px !important;
border: 1px solid rgba(200, 169, 110, 0.4) !important;
border-radius: 50% !important;
background: transparent !important;
color: #c8a96e !important;
transition: all 0.3s ease !important;
}
.custom-footer .footer-social a:hover,
.footer-social a:hover {
background: rgba(200, 169, 110, 0.15) !important;
border-color: #c8a96e !important;
color: #c8a96e !important;
}
.custom-footer .footer-social svg,
.footer-social svg {
width: 18px !important;
height: 18px !important;
stroke: currentColor !important;
}
/* 3. Stay Inspired heading: match column headings */
.custom-footer .footer-newsletter h4,
.footer-newsletter h4 {
font-family: 'Cormorant Garamond', serif !important;
font-size: 24px !important;
font-weight: 400 !important;
font-style: italic !important;
color: #C9A84C !important;
letter-spacing: 0.05em !important;
}
/* 4. Email input + Subscribe button: same height */
.custom-footer .footer-newsletter input[type="email"],
.footer-newsletter input[type="email"] {
height: 48px !important;
padding: 12px 16px !important;
box-sizing: border-box !important;
}
.custom-footer .footer-newsletter button,
.footer-newsletter button {
height: 48px !important;
padding: 12px 24px !important;
box-sizing: border-box !important;
}
/* === Migrated from inc/homepage-polish.php 2026-04-15 === */
.chalo-custom-footer {
background: #2c2318; color: #d4c4a8; padding: 60px 5% 40px;
}
.chalo-footer-grid {
display: grid; grid-template-columns: 1.2fr 1fr 1fr 1fr;
gap: 40px; max-width: 1200px; margin: 0 auto;
}
.chalo-footer-col h3 {
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 22px; color: #C8A96E; margin-bottom: 20px; font-weight: 400;
}
.chalo-footer-col p, .chalo-footer-col a {
font-family: 'Montserrat', sans-serif; font-size: 14px;
color: #d4c4a8; line-height: 1.8; text-decoration: none;
}
.chalo-footer-col a:hover { color: #C8A96E; }
.chalo-footer-col ul { list-style: none; padding: 0; margin: 0; }
.chalo-footer-col ul li { margin-bottom: 8px; }
.chalo-footer-social { display: flex; gap: 15px; margin-top: 20px; }
.chalo-footer-social a {
width: 36px; height: 36px; border-radius: 50%;
background: rgba(200,169,110,0.15); display: flex;
align-items: center; justify-content: center;
color: #C8A96E; font-size: 16px; transition: background 0.3s;
}
.chalo-footer-social a:hover { background: rgba(200,169,110,0.3); }
.chalo-footer-divider {
border: none; border-top: 1px solid rgba(200,169,110,0.2);
margin: 40px auto; max-width: 1200px;
}
.chalo-subscribe { text-align: center; padding: 10px 5% 40px; background: #2c2318; }
.chalo-subscribe h3 {
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 36px; color: #C8A96E; font-style: italic;
font-weight: 400; margin-bottom: 10px;
}
.chalo-subscribe p {
font-family: 'Montserrat', sans-serif; font-size: 14px;
color: #d4c4a8; margin-bottom: 25px;
}
.chalo-subscribe-form {
display: flex; max-width: 500px; margin: 0 auto; gap: 10px;
}
.chalo-subscribe-form input[type="email"] {
flex: 1; padding: 14px 20px; background: rgba(255,255,255,0.08);
border: 1px solid rgba(200,169,110,0.3); color: #d4c4a8;
font-family: 'Montserrat', sans-serif; font-size: 14px;
border-radius: 0; outline: none;
}
.chalo-subscribe-form input[type="email"]::placeholder { color: rgba(212,196,168,0.5); }
.chalo-subscribe-form button {
padding: 14px 30px; background: #6b5e50; color: #fff;
font-family: 'Montserrat', sans-serif; font-size: 14px;
font-weight: 600; border: none; cursor: pointer;
letter-spacing: 1px; transition: background 0.3s;
}
.chalo-subscribe-form button:hover { background: #C8A96E; }
.ct-footer [data-row="bottom"] { display: none !important; }
@media (max-width: 768px) {
.chalo-footer-grid { grid-template-columns: 1fr 1fr; gap: 30px; }
.chalo-subscribe-form { flex-direction: column; }
}
@media (max-width: 480px) {
.chalo-footer-grid { grid-template-columns: 1fr; }
}
/* REVIEWS SECTION - lighter background */
.entry-content > .gb-layout-service-2:nth-child(14) {
background-color: #F7F4EF !important;
background-image: none !important;
}
.entry-content > .gb-layout-service-2:nth-child(14) h2 {
color: #3d3226 !important;
}
.entry-content > .gb-layout-service-2:nth-child(14) .gb-block-layout-column {
background: #ffffff !important;
border: 1px solid #e8dfd4 !important;
border-radius: 0 !important;
}
.entry-content > .gb-layout-service-2:nth-child(14) p,
.entry-content > .gb-layout-service-2:nth-child(14) blockquote {
color: #4a3f35 !important;
}
.entry-content > .gb-layout-service-2:nth-child(14) .gb-block-layout-column p:first-of-type::before {
color: #C8A96E !important;
}
.entry-content > .gb-layout-service-2:nth-child(14) a {
color: #C8A96E !important;
}
/* Read All Reviews button - subtle outline */
.entry-content > .gb-layout-service-2:nth-child(14) a.gb-button,
.entry-content > .gb-layout-service-2:nth-child(14) a[href*="review"] {
background: transparent !important;
border: 1px solid #C8A96E !important;
color: #C8A96E !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 13px !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
padding: 12px 30px !important;
transition: all 0.3s ease !important;
}
.entry-content > .gb-layout-service-2:nth-child(14) a.gb-button:hover,
.entry-content > .gb-layout-service-2:nth-child(14) a[href*="review"]:hover {
background: #C8A96E !important;
color: #ffffff !important;
}
/* ===== v16 FIX: Kenya card alignment � #safari-filters-wrap padding reset ===== */
#safari-filters-wrap {
padding: 0 !important;
}
/* ===== v16 FIX: Reviews section � remove white box background and border ===== */
.entry-content > .gb-layout-service-2:nth-child(14) .gb-block-layout-column {
background: transparent !important;
border: none !important;
border-radius: 0 !important;
}
/* ===== v16 FIX: ec-card-detail � sans-serif, larger font ===== */
.ec-card-detail {
font-family: 'Montserrat', sans-serif !important;
font-size: 11px !important;
letter-spacing: 2px !important;
}
/* ===== v17 BATCH 1: fixes 1-4 ===== */
/* 1. Destination card h3 gold underline on hover */
.entry-content .gb-layout-columns-4:not(.border-grey) .gb-block-layout-column:hover h3.fancy.font-medium {
text-decoration: underline !important;
text-decoration-color: #c8a96e !important;
text-underline-offset: 6px !important;
text-decoration-thickness: 1px !important;
}
/* 2. Trust section diamond icon */
.entry-content > .gb-layout-service-2:nth-child(4) .gb-layout-columns-3 .gb-block-layout-column::before {
content: "\2666" !important;
border: none !important;
background: none !important;
width: auto !important;
height: auto !important;
font-size: 12px !important;
color: #c8a96e !important;
display: block !important;
text-align: center !important;
margin: 0 auto 16px !important;
letter-spacing: 6px !important;
}
/* 3. Curated experiences overlay */
.chalo-exp-card__overlay {
background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0) 100%) !important;
padding: 30px 24px 24px !important;
}
.chalo-exp-card__subtitle {
font-family: 'Montserrat', sans-serif !important;
font-size: 10px !important;
font-weight: 500 !important;
letter-spacing: 3px !important;
color: rgba(200,169,110,0.9) !important;
text-transform: uppercase !important;
margin-bottom: 6px !important;
}
.chalo-exp-card__title {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 26px !important;
font-weight: 500 !important;
color: #fff !important;
text-shadow: 0 1px 4px rgba(0,0,0,0.4) !important;
line-height: 1.2 !important;
margin-bottom: 8px !important;
}
.chalo-exp-card__price {
font-family: 'Montserrat', sans-serif !important;
font-size: 12px !important;
font-weight: 300 !important;
color: rgba(255,255,255,0.85) !important;
letter-spacing: 0.5px !important;
}
.chalo-exp-card__cta {
font-family: 'Montserrat', sans-serif !important;
font-size: 11px !important;
font-weight: 500 !important;
letter-spacing: 3px !important;
text-transform: uppercase !important;
color: #c8a96e !important;
}
/* 4. KlipKlop subtitle larger */
.kk-subtitle {
font-size: 22px !important;
}
/* ===== v17 BATCH 2: fixes 5-7 ===== */
/* 5. Reviews section � light background redesign */
.entry-content > .gb-layout-service-2:nth-child(14) {
background-color: #faf8f5 !important;
padding: 80px 5% !important;
}
.entry-content > .gb-layout-service-2:nth-child(14) h2 {
color: #2c1810 !important;
}
.entry-content > .gb-layout-service-2:nth-child(14) h2::after {
background-color: #c8a96e !important;
}
.entry-content > .gb-layout-service-2:nth-child(14) .gb-layout-columns-3 .gb-block-layout-column {
background: #ffffff !important;
border: 1px solid rgba(200,169,110,0.25) !important;
border-radius: 0 !important;
padding: 40px 30px !important;
transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
box-shadow: 0 2px 8px rgba(44,24,16,0.04) !important;
}
.entry-content > .gb-layout-service-2:nth-child(14) .gb-layout-columns-3 .gb-block-layout-column:hover {
border-color: rgba(200,169,110,0.5) !important;
box-shadow: 0 4px 16px rgba(44,24,16,0.08) !important;
}
.entry-content > .gb-layout-service-2:nth-child(14) .gb-layout-columns-3 .gb-block-layout-column .gb-block-layout-column-inner {
padding: 0 !important;
}
.entry-content > .gb-layout-service-2:nth-child(14) .gb-layout-columns-3 .gb-block-layout-column::before {
content: "\201C" !important;
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 60px !important;
line-height: 1 !important;
color: #c8a96e !important;
display: block !important;
text-align: center !important;
margin-bottom: 10px !important;
background: none !important;
width: auto !important;
height: auto !important;
border: none !important;
}
.entry-content > .gb-layout-service-2:nth-child(14) .gb-layout-columns-3 p {
color: #4a3f38 !important;
font-style: italic !important;
font-size: 15px !important;
line-height: 1.7 !important;
}
.entry-content > .gb-layout-service-2:nth-child(14) .gb-layout-columns-3 p:last-child {
font-style: normal !important;
font-weight: 600 !important;
font-size: 13px !important;
color: #2c1810 !important;
letter-spacing: 0.5px !important;
margin-top: 16px !important;
}
.entry-content > .gb-layout-service-2:nth-child(14) .gb-layout-columns-3 .gb-block-layout-column p:first-child {
font-style: normal !important;
color: #c8a96e !important;
}
/* 6. Plan Your Safari heading white not italic � high specificity to override .entry-content h2:not() chain */
.entry-content .gb-layout-hero-1 h2#h-plan-your-safari-in-60-seconds,
.entry-content .gb-layout-hero-1 h2#h-plan-your-safari {
color: #ffffff !important;
font-style: normal !important;
}
.gb-layout-hero-1 .gb-container-content p {
color: rgba(255,255,255,0.85) !important;
}
/* 7. Plan Your Safari button teal */
.gb-layout-hero-1 .wp-block-button__link {
background-color: #29adbb !important;
}
/* ===== v17 BATCH 3: fixes 8-9 ===== */
/* 8. Affiliations smaller images */
.entry-content > .gb-layout-service-2:last-child .gb-layout-columns-4 img {
max-height: 70px !important;
width: auto !important;
object-fit: contain !important;
}
.entry-content > .gb-layout-service-2:last-child .gb-layout-column-wrap {
gap: 20px !important;
align-items: center !important;
}
/* 9. Footer luxury typography */
.chalo-custom-footer h3 {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 18px !important;
font-weight: 600 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
color: #c8a96e !important;
margin-bottom: 20px !important;
}
.chalo-custom-footer a,
.chalo-custom-footer li {
font-family: 'Montserrat', sans-serif !important;
font-size: 13px !important;
letter-spacing: 0.5px !important;
line-height: 2.2 !important;
}
.chalo-custom-footer p {
font-family: 'Montserrat', sans-serif !important;
font-size: 13px !important;
letter-spacing: 0.3px !important;
line-height: 1.8 !important;
}
.chalo-custom-footer .chalo-footer-newsletter h3,
.chalo-custom-footer h3:last-of-type {
font-size: 28px !important;
font-weight: 400 !important;
letter-spacing: 1px !important;
text-transform: none !important;
font-style: italic !important;
color: #c8a96e !important;
}
.chalo-custom-footer input[type="email"] {
border-radius: 0 !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 13px !important;
letter-spacing: 0.5px !important;
}
.chalo-custom-footer button,
.chalo-custom-footer input[type="submit"] {
border-radius: 0 !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 12px !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
font-weight: 600 !important;
}
/* ===== MOBILE RESPONSIVE FIXES (v19) ===== */
@media (max-width: 768px) {
/* 1. Destination card headings � smaller font to prevent Madagascar/Mozambique wrapping */
.entry-content .gb-layout-columns-4:not(.border-grey) .gb-block-layout-column h3,
.entry-content .gb-layout-columns-4:not(.border-grey) .gb-block-layout-column h4 {
font-size: 20px !important;
}
.entry-content .gb-layout-columns-4:not(.border-grey) .gb-block-layout-column p {
font-size: 13px !important;
line-height: 1.5 !important;
}
.entry-content .gb-layout-columns-4:not(.border-grey) .gb-block-layout-column .gold-price {
font-size: 14px !important;
}
/* 2. Curated Experiences � collapse 4-col grid to 2-col on mobile */
.chalo-experiences__grid {
grid-template-columns: 1fr 1fr !important;
}
.chalo-experiences .chalo-exp-card {
min-height: 280px !important;
}
.chalo-experiences .chalo-exp-card__title {
font-size: 20px !important;
}
.chalo-experiences .chalo-exp-card__subtitle {
font-size: 11px !important;
letter-spacing: 1.5px !important;
}
.chalo-experiences .ec-card-overlay .ec-card-price {
font-size: 13px !important;
}
/* 3. KlipKlop section � stack vertically, center content */
.klipklop-section {
flex-direction: column !important;
text-align: center !important;
}
.klipklop-section .kk-image {
width: 100% !important;
max-width: 100% !important;
margin-bottom: 20px !important;
}
.klipklop-section .kk-image img {
width: 100% !important;
max-width: 100% !important;
}
.klipklop-section .kk-content {
width: 100% !important;
max-width: 100% !important;
text-align: center !important;
padding: 0 15px !important;
}
.klipklop-section .kk-content h2 {
text-align: center !important;
font-size: 32px !important;
}
.klipklop-section .kk-content p,
.klipklop-section .kk-content ul li {
text-align: left !important;
}
.klipklop-section .kk-content .kk-button,
.klipklop-section .kk-content a.kk-button {
display: inline-block !important;
margin: 20px auto !important;
}
/* 4. Section padding adjustments for mobile */
.entry-content > .gb-layout-service-2 {
padding: 40px 15px !important;
}
.entry-content > .chalo-experiences {
padding: 40px 15px !important;
}
/* 5. Reviews section cards � tighter padding on mobile */
.entry-content > .gb-layout-service-2:nth-child(14) .gb-layout-columns-3 .gb-block-layout-column {
padding: 25px 20px !important;
}
}
@media (max-width: 480px) {
/* Curated Experiences � single column on very small screens */
.chalo-experiences__grid {
grid-template-columns: 1fr !important;
}
.chalo-experiences .chalo-exp-card {
min-height: 350px !important;
}
/* Destination cards � single column on very small screens */
.entry-content .gb-layout-columns-4:not(.border-grey) .gb-layout-column-wrap {
grid-template-columns: 1fr !important;
}
/* Expedition cards � single column */
.ec-grid {
grid-template-columns: 1fr !important;
}
}
/* === Migrated from inc/safari-tour-clean.php 2026-04-15 === */
/* ===========================================================
Chalo Tour Clean — Luxury Safari Detail Page
=========================================================== */
/* Hide every legacy section that bled through from old layers */
body.chalo-tour-clean .tour-hero-section,
body.chalo-tour-clean .tour-info-strip,
body.chalo-tour-clean .tour-highlights-section,
body.chalo-tour-clean .tour-description,
body.chalo-tour-clean .tour-cta-section,
body.chalo-tour-clean .tour-itinerary-section,
body.chalo-tour-clean .tour-accommodation-section,
body.chalo-tour-clean .tour-map-section,
body.chalo-tour-clean .tour-months-grid,
body.chalo-tour-clean .tour-starting-note,
body.chalo-tour-clean .tour-gallery-grid,
body.chalo-tour-clean .tour-enquire-section,
body.chalo-tour-clean .tour-related-grid,
body.chalo-tour-clean .tour-view-all,
body.chalo-tour-clean .tour-luxury-grid,
body.chalo-tour-clean .tour-luxury-main,
body.chalo-tour-clean .tour-luxury-sidebar,
body.chalo-tour-clean .tour-divider,
body.chalo-tour-clean .tour-details,
body.chalo-tour-clean .chalo-safari-v2,
body.chalo-tour-clean .custom-footer,
body.chalo-tour-clean .section-block,
body.chalo-tour-clean .hero-bg,
body.chalo-tour-clean section.hero { display: none !important; }
body.chalo-tour-clean .entry-content > *:not(.ctc-hero):not(.ctc-shell) { display: none !important; }
/* Container & typography baseline */
body.chalo-tour-clean .entry-content { max-width: none !important; padding: 0 !important; margin: 0 !important; font-family: 'Montserrat', sans-serif; color: #4a4340; }
body.chalo-tour-clean .ct-container, body.chalo-tour-clean .ct-container-full { max-width: none !important; padding: 0 !important; }
/* ----- Hero ----- */
.ctc-hero {
position: relative;
width: 100vw;
margin-left: calc(50% - 50vw);
height: 85vh;
min-height: 560px;
background-size: cover;
background-position: center;
display: flex;
align-items: flex-end;
color: #fff;
}
.ctc-hero-inner {
width: 100%;
max-width: 1280px;
margin: 0 auto;
padding: 0 40px 80px;
}
.ctc-breadcrumbs {
font-family: 'Montserrat', sans-serif;
font-size: 12px;
letter-spacing: 1.5px;
text-transform: uppercase;
margin-bottom: 24px;
color: rgba(255,255,255,0.85);
}
.ctc-breadcrumbs a {
color: rgba(255,255,255,0.85);
text-decoration: none;
transition: color .2s ease;
}
.ctc-breadcrumbs a:hover { color: #c8a96e; }
.ctc-breadcrumbs span[aria-hidden] { margin: 0 10px; opacity: .6; }
.ctc-hero-title {
font-family: 'Cormorant Garamond', Georgia, serif;
font-weight: 300;
font-size: clamp(36px, 5vw, 72px);
line-height: 1.05;
letter-spacing: 0.5px;
margin: 0 0 18px;
color: #fff;
max-width: 900px;
}
.ctc-hero-sub {
font-family: 'Montserrat', sans-serif;
font-size: 15px;
font-weight: 300;
letter-spacing: 1.5px;
text-transform: uppercase;
color: rgba(255,255,255,0.9);
margin: 0;
}
/* ----- Shell + Grid ----- */
.ctc-shell {
background: #fff;
padding: 80px 0 100px;
}
.ctc-grid {
max-width: 1280px;
margin: 0 auto;
padding: 0 40px;
display: grid;
grid-template-columns: minmax(0, 1fr) 380px;
gap: 60px;
align-items: start;
}
.ctc-grid > p { display: none !important; }
.ctc-grid > .ctc-main { grid-column: 1 !important; grid-row: 1 !important; min-width: 0; }
.ctc-grid > .ctc-side { grid-column: 2 !important; grid-row: 1 !important; }
/* ----- Main column ----- */
.ctc-main { min-width: 0; }
.ctc-info-strip {
display: flex;
justify-content: space-between;
align-items: stretch;
gap: 0;
background: #faf7f2;
border: 1px solid #e8e0d6;
padding: 28px 0;
margin-bottom: 60px;
}
.ctc-info-item {
flex: 1;
text-align: center;
padding: 0 20px;
border-right: 1px solid #e8e0d6;
display: flex;
flex-direction: column;
gap: 8px;
}
.ctc-info-item:last-child { border-right: none; }
.ctc-info-label {
font-family: 'Montserrat', sans-serif;
font-size: 11px;
font-weight: 500;
letter-spacing: 1.5px;
text-transform: uppercase;
color: #6b6560;
}
.ctc-info-value {
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 22px;
font-weight: 500;
color: #2c1810;
line-height: 1.2;
}
.ctc-section { margin-bottom: 70px; }
.ctc-h2 {
font-family: 'Cormorant Garamond', Georgia, serif;
font-weight: 400;
font-size: 42px;
line-height: 1.15;
color: #2c1810;
margin: 0 0 20px;
text-align: center;
letter-spacing: 0.3px;
}
.ctc-divider {
border: none;
height: 1px;
background: linear-gradient(90deg, #c8a96e, #c8a96e);
max-width: 80px;
margin: 0 auto 36px;
opacity: 0.7;
}
.ctc-prose {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 1.8;
color: #4a4340;
max-width: 760px;
margin: 0 auto;
}
.ctc-prose p { margin: 0 0 18px; }
.ctc-prose a { color: #c8a96e; text-decoration: none; border-bottom: 1px solid rgba(200,169,110,0.3); }
.ctc-prose a:hover { color: #b8954e; }
.ctc-prose ul, .ctc-prose ol { padding-left: 22px; margin: 0 0 18px; }
/* ----- Itinerary ----- */
.ctc-itinerary { max-width: 820px; margin: 0 auto; }
.ctc-day {
border: 1px solid #e8e0d6;
margin-bottom: 14px;
background: #fff;
transition: border-color .2s ease;
}
.ctc-day[open] { border-color: #c8a96e; }
.ctc-day summary {
list-style: none;
cursor: pointer;
padding: 22px 28px;
background: #faf7f2;
display: flex;
align-items: center;
gap: 24px;
transition: background .2s ease;
}
.ctc-day summary::-webkit-details-marker { display: none; }
.ctc-day summary:hover { background: #f5efe6; }
.ctc-day-num {
font-family: 'Montserrat', sans-serif;
font-size: 11px;
font-weight: 600;
letter-spacing: 1.5px;
text-transform: uppercase;
color: #c8a96e;
flex-shrink: 0;
min-width: 60px;
}
.ctc-day-title {
flex: 1;
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 22px;
font-weight: 500;
color: #2c1810;
line-height: 1.3;
}
.ctc-day-arrow {
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 24px;
color: #c8a96e;
transition: transform .25s ease;
}
.ctc-day[open] .ctc-day-arrow { transform: rotate(45deg); }
.ctc-day-body {
padding: 28px 32px 32px;
font-family: 'Montserrat', sans-serif;
font-size: 15px;
font-weight: 300;
line-height: 1.8;
color: #4a4340;
background: #fff;
}
.ctc-day-body p { margin: 0 0 14px; }
/* ----- Edge / Other notes ----- */
.ctc-edge-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 28px;
max-width: 900px;
margin: 0 auto;
}
.ctc-edge-item {
padding: 28px;
border: 1px solid #e8e0d6;
background: #fff;
text-align: center;
}
.ctc-edge-item h3 {
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 22px;
font-weight: 500;
color: #2c1810;
margin: 0 0 12px;
}
.ctc-edge-item div {
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 1.7;
color: #6b6560;
}
/* ----- Map ----- */
.ctc-map {
max-width: 900px;
margin: 0 auto;
border: 1px solid #e8e0d6;
box-shadow: 0 4px 20px rgba(0,0,0,0.06);
overflow: hidden;
}
.ctc-map iframe { width: 100%; height: 460px; display: block; border: 0; }
/* ----- Months ----- */
.ctc-months {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 0;
border: 1px solid #e8e0d6;
max-width: 760px;
margin: 0 auto;
}
.ctc-month {
text-align: center;
padding: 18px 8px;
border-right: 1px solid #e8e0d6;
border-bottom: 1px solid #e8e0d6;
background: #fff;
display: flex;
flex-direction: column;
gap: 6px;
}
.ctc-month:nth-child(6n) { border-right: none; }
.ctc-month:nth-last-child(-n+6) { border-bottom: none; }
.ctc-month-name {
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 20px;
font-weight: 500;
color: #2c1810;
}
.ctc-month-tag {
font-family: 'Montserrat', sans-serif;
font-size: 10px;
font-weight: 600;
letter-spacing: 1.2px;
text-transform: uppercase;
color: #6b6560;
}
.ctc-month.is-best { background: #c8a96e; }
.ctc-month.is-best .ctc-month-name,
.ctc-month.is-best .ctc-month-tag { color: #fff; }
.ctc-month.is-closed { background: #f0ebe4; }
.ctc-month.is-closed .ctc-month-name,
.ctc-month.is-closed .ctc-month-tag { color: #a09a94; }
/* ----- Gallery ----- */
.ctc-gallery {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
max-width: 1100px;
margin: 0 auto;
}
.ctc-gallery-item {
overflow: hidden;
display: block;
aspect-ratio: 4/3;
background: #f0ebe4;
}
.ctc-gallery-item img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .6s ease;
}
.ctc-gallery-item:hover img { transform: scale(1.06); }
/* ----- Related tours ----- */
.ctc-related {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 28px;
}
.ctc-related-card {
border: 1px solid #e8e0d6;
background: #fff;
text-decoration: none;
color: inherit;
display: block;
transition: all .3s ease;
}
.ctc-related-card:hover {
transform: translateY(-4px);
box-shadow: 0 12px 30px rgba(0,0,0,0.08);
border-color: #c8a96e;
}
.ctc-related-img {
aspect-ratio: 4/3;
background-size: cover;
background-position: center;
}
.ctc-related-body { padding: 22px 24px 26px; }
.ctc-related-body h3 {
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 22px;
font-weight: 500;
color: #2c1810;
margin: 0 0 10px;
line-height: 1.25;
}
.ctc-related-meta {
font-family: 'Montserrat', sans-serif;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.5px;
color: #6b6560;
margin: 0;
display: flex;
gap: 14px;
flex-wrap: wrap;
}
.ctc-related-meta span:not(:last-child)::after { content: '·'; margin-left: 14px; color: #c8a96e; }
/* ----- Sidebar ----- */
.ctc-side { min-width: 0; }
.ctc-side-inner { position: sticky; top: 120px; }
.ctc-enquiry {
background: #fff;
border: 1px solid #e8e0d6;
box-shadow: 0 8px 30px rgba(44, 24, 16, 0.08);
}
.ctc-enquiry-head {
background: linear-gradient(135deg, #2c1810 0%, #4a3020 50%, #2c1810 100%);
padding: 32px 30px 28px;
text-align: center;
color: #fff;
}
.ctc-enquiry-eyebrow {
font-family: 'Montserrat', sans-serif;
font-size: 11px;
font-weight: 500;
letter-spacing: 2px;
text-transform: uppercase;
color: #c8a96e;
margin: 0 0 8px;
}
.ctc-enquiry-title {
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 28px;
font-weight: 400;
color: #fff;
margin: 0 0 14px;
line-height: 1.2;
}
.ctc-enquiry-price {
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 24px;
font-weight: 500;
color: #c8a96e;
margin: 0 0 4px;
}
.ctc-enquiry-dur {
font-family: 'Montserrat', sans-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: 1.2px;
text-transform: uppercase;
color: rgba(255,255,255,0.75);
margin: 0;
}
.ctc-enquiry-body { padding: 28px 26px 8px; background: #faf7f2; }
.ctc-enquiry-body .wpforms-container { margin: 0 !important; }
.ctc-enquiry-body .wpforms-form { background: transparent !important; }
.ctc-enquiry-body .wpforms-field { padding: 0 0 14px !important; }
.ctc-enquiry-body .wpforms-field-label {
font-family: 'Montserrat', sans-serif !important;
font-size: 12px !important;
font-weight: 500 !important;
letter-spacing: 0.5px !important;
color: #4a4340 !important;
margin-bottom: 6px !important;
}
.ctc-enquiry-body input[type=text],
.ctc-enquiry-body input[type=email],
.ctc-enquiry-body input[type=tel],
.ctc-enquiry-body input[type=number],
.ctc-enquiry-body input[type=date],
.ctc-enquiry-body select,
.ctc-enquiry-body textarea {
border: 1px solid #e8e0d6 !important;
border-radius: 0 !important;
background: #fff !important;
padding: 11px 14px !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 14px !important;
color: #2c1810 !important;
width: 100% !important;
box-shadow: none !important;
}
.ctc-enquiry-body input:focus,
.ctc-enquiry-body select:focus,
.ctc-enquiry-body textarea:focus {
border-color: #c8a96e !important;
outline: none !important;
box-shadow: 0 0 0 3px rgba(200,169,110,0.12) !important;
}
.ctc-enquiry-body .wpforms-submit-container { padding: 6px 0 0 !important; text-align: center !important; }
.ctc-enquiry-body button.wpforms-submit,
.ctc-enquiry-body input.wpforms-submit {
background: #c8a96e !important;
color: #fff !important;
border: none !important;
border-radius: 0 !important;
padding: 15px 36px !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 13px !important;
font-weight: 600 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
cursor: pointer !important;
width: 100% !important;
transition: all .25s ease !important;
}
.ctc-enquiry-body button.wpforms-submit:hover,
.ctc-enquiry-body input.wpforms-submit:hover {
background: #b8954e !important;
transform: translateY(-2px) !important;
box-shadow: 0 8px 22px rgba(200,169,110,0.35) !important;
}
.ctc-enquiry-foot {
padding: 22px 30px 28px;
background: #faf7f2;
border-top: 1px solid #e8e0d6;
text-align: center;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
font-weight: 300;
color: #6b6560;
}
.ctc-enquiry-foot p { margin: 0 0 4px; }
.ctc-enquiry-foot a {
color: #c8a96e;
text-decoration: none;
font-weight: 500;
}
.ctc-enquiry-foot a:hover { color: #b8954e; }
/* ----- Responsive ----- */
@media (max-width: 1100px) {
.ctc-grid { grid-template-columns: 1fr; gap: 50px; }
.ctc-side-inner { position: static; max-width: 560px; margin: 0 auto; }
}
@media (max-width: 900px) {
.ctc-info-strip { flex-wrap: wrap; }
.ctc-info-item { flex: 1 1 50%; padding: 14px 16px; border-right: none; border-bottom: 1px solid #e8e0d6; }
.ctc-info-item:nth-last-child(-n+2) { border-bottom: none; }
.ctc-related, .ctc-gallery { grid-template-columns: repeat(2, 1fr); }
.ctc-months { grid-template-columns: repeat(4, 1fr); }
.ctc-month:nth-child(6n) { border-right: 1px solid #e8e0d6; }
.ctc-month:nth-child(4n) { border-right: none; }
.ctc-month:nth-last-child(-n+6) { border-bottom: 1px solid #e8e0d6; }
.ctc-month:nth-last-child(-n+4) { border-bottom: none; }
}
@media (max-width: 640px) {
.ctc-hero { height: 70vh; min-height: 460px; }
.ctc-hero-inner { padding: 0 24px 50px; }
.ctc-shell { padding: 50px 0 70px; }
.ctc-grid { padding: 0 24px; gap: 40px; }
.ctc-h2 { font-size: 32px; }
.ctc-info-item { flex: 1 1 100%; border-bottom: 1px solid #e8e0d6; }
.ctc-info-item:last-child { border-bottom: none; }
.ctc-related, .ctc-gallery { grid-template-columns: 1fr; }
.ctc-day summary { flex-wrap: wrap; padding: 18px 20px; }
.ctc-day-title { font-size: 19px; }
}
/* ===== Sidebar Enquire Button ===== */
.ctc-enquiry-body { padding: 28px 28px 20px; text-align: center; }
.ctc-enquiry-btn {
display: block;
width: 100%;
padding: 18px 30px;
background: #c8a96e;
color: #fff !important;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 600;
letter-spacing: 2px;
text-transform: uppercase;
text-align: center;
text-decoration: none;
border: none;
border-radius: 0;
transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.ctc-enquiry-btn:hover {
background: #b8954e;
color: #fff !important;
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(200, 169, 110, 0.3);
}
.ctc-enquiry-foot { padding: 0 28px 28px; }
.ctc-enquiry-foot p { margin: 0 0 6px; font-size: 13px; color: #6b6560; text-align: center; }
.ctc-enquiry-foot a { color: #2c1810; text-decoration: none; font-weight: 500; }
.ctc-enquiry-foot a:hover { color: #c8a96e; }
/* ===== Full-width Enquire Section ===== */
.ctc-enquire-full {
background: linear-gradient(135deg, #2c1810 0%, #4a3020 50%, #2c1810 100%);
padding: 90px 40px !important;
margin: 80px calc(50% - 50vw) 0 !important;
width: 100vw !important;
max-width: 100vw !important;
position: relative;
}
.ctc-enquire-full .ctc-section-inner {
max-width: 720px;
margin: 0 auto;
text-align: center;
}
.ctc-enquire-full .ctc-eyebrow {
color: #c8a96e;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
font-weight: 500;
letter-spacing: 2.5px;
text-transform: uppercase;
margin: 0 0 14px;
}
.ctc-enquire-full .ctc-h2 {
color: #fff;
font-family: 'Cormorant Garamond', serif;
font-size: 44px;
font-weight: 400;
line-height: 1.15;
margin: 0 0 18px;
}
.ctc-enquire-full .ctc-lead {
color: rgba(250, 247, 242, 0.82);
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 1.7;
max-width: 560px;
margin: 0 auto 40px;
}
.ctc-enquire-full .ctc-enquire-form {
background: rgba(250, 247, 242, 0.96);
padding: 40px;
border: 1px solid rgba(200, 169, 110, 0.35);
text-align: left;
}
.ctc-enquire-full .wpforms-field-label {
color: #2c1810 !important;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
}
.ctc-enquire-full .wpforms-field input,
.ctc-enquire-full .wpforms-field textarea,
.ctc-enquire-full .wpforms-field select {
border: 1px solid #e8e0d6 !important;
border-radius: 0 !important;
background: #fff !important;
font-family: 'Montserrat', sans-serif !important;
}
.ctc-enquire-full .wpforms-field input:focus,
.ctc-enquire-full .wpforms-field textarea:focus,
.ctc-enquire-full .wpforms-field select:focus {
border-color: #c8a96e !important;
box-shadow: 0 0 0 3px rgba(200, 169, 110, 0.12) !important;
}
.ctc-enquire-full .wpforms-submit {
background: #c8a96e !important;
color: #fff !important;
border: none !important;
border-radius: 0 !important;
padding: 16px 50px !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
}
.ctc-enquire-full .wpforms-submit:hover {
background: #b8954e !important;
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(200, 169, 110, 0.3);
}
@media (max-width: 768px) {
.ctc-enquire-full { padding: 60px 24px !important; margin-top: 50px !important; }
.ctc-enquire-full .ctc-h2 { font-size: 32px; }
.ctc-enquire-full .ctc-enquire-form { padding: 24px; }
}
/* === Migrated from inc/share-buttons.php 2026-04-15 === */
.share-fab {
position: fixed;
left: 20px;
bottom: 100px;
z-index: 9998;
display: flex;
flex-direction: column;
gap: 8px;
}
.share-fab a {
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: rgba(15,13,9,0.85);
color: #FAF7F2;
text-decoration: none;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
.share-fab a:hover {
background: #8B7355;
transform: scale(1.1);
}
.share-fab svg {
width: 18px;
height: 18px;
fill: currentColor;
}
@media (max-width: 768px) {
.share-fab { bottom: 80px; left: 12px; }
.share-fab a { width: 36px; height: 36px; }
}
/* === Migrated from inc/v71-homepage-h2-standardize.php 2026-04-15 === */
/* ================================================================
HOMEPAGE H2 â 2-tier system (replaces arbitrary 42-58px range)
================================================================ */
/* Tier 1: Major section headings â 48px */
body.home .entry-content h2,
body.home .gb-container h2,
body.home section h2 {
font-family: 'Cormorant Garamond', serif !important;
font-size: 48px !important;
font-weight: 400 !important;
color: #2c1810 !important;
letter-spacing: 0.3px !important;
line-height: 1.2 !important;
}
/* Tier 2: Subsection headings (inside cards, sidebars, smaller contexts) â 36px */
body.home .gb-container .gb-container h2,
body.home .gb-grid-column h2 {
font-size: 36px !important;
}
/* Special: very large hero-adjacent headings stay slightly bigger */
body.home .entry-content > .gb-container:first-child h2,
body.home .entry-content > section:first-of-type h2 {
font-size: 52px !important;
font-weight: 300 !important;
}
/* Override any inline font-size that GenerateBlocks may inject */
body.home h2[style*="font-size"] {
font-size: 48px !important;
}
/* Ensure no Dancing Script or Amatic SC on homepage h2 */
body.home h2,
body.home h2.dancing,
body.home .dancing h2 {
font-family: 'Cormorant Garamond', serif !important;
}
/* Mobile responsive */
@media (max-width: 768px) {
body.home .entry-content h2,
body.home .gb-container h2,
body.home section h2,
body.home h2[style*="font-size"] {
font-size: 36px !important;
}
body.home .entry-content > .gb-container:first-child h2,
body.home .entry-content > section:first-of-type h2 {
font-size: 40px !important;
}
body.home .gb-container .gb-container h2,
body.home .gb-grid-column h2 {
font-size: 30px !important;
}
}
@media (max-width: 480px) {
body.home .entry-content h2,
body.home .gb-container h2,
body.home section h2,
body.home h2[style*="font-size"] {
font-size: 30px !important;
}
body.home .entry-content > .gb-container:first-child h2 {
font-size: 34px !important;
}
}
/* ===================================================================
UNIFIED NAVIGATION v84 — 2026-04-15
=================================================================== */
header.ct-header {
position: absolute !important; top: 0 !important; left: 0 !important;
right: 0 !important; width: 100% !important;
background-color: transparent !important; background-image: none !important;
box-shadow: none !important; z-index: 10000 !important;
transition: background-color 0.35s ease, box-shadow 0.35s ease;
}
.admin-bar header.ct-header { top: 32px !important; }
header.ct-header:not(.chalo-scrolled) [data-id="menu"] .ct-menu-link {
color: #ffffff !important; -webkit-text-fill-color: #ffffff !important;
text-shadow: 0 1px 4px rgba(0,0,0,0.45);
}
header.ct-header:not(.chalo-scrolled) [data-id="menu"] .ct-menu-link:hover,
header.ct-header:not(.chalo-scrolled) [data-id="menu"] .ct-menu-link:focus {
color: #c8a96e !important; -webkit-text-fill-color: #c8a96e !important; text-shadow: none;
}
header.ct-header:not(.chalo-scrolled) .site-logo-container img { filter: none !important; }
header.ct-header:not(.chalo-scrolled) .ct-header-search svg { color: #fff !important; fill: #fff !important; }
header.ct-header:not(.chalo-scrolled) .ct-header-search:hover svg { color: #c8a96e !important; fill: #c8a96e !important; }
header.ct-header:not(.chalo-scrolled) #menu-item-45977 > a.ct-menu-link,
header.ct-header:not(.chalo-scrolled) #menu-item-45977 > .ct-menu-link,
header.ct-header:not(.chalo-scrolled) .reddish-background > a.ct-menu-link,
header.ct-header:not(.chalo-scrolled) .reddish-background > .ct-menu-link {
background: transparent !important; background-color: transparent !important;
background-image: none !important; border: 1.5px solid #ffffff !important;
color: #ffffff !important; -webkit-text-fill-color: #ffffff !important;
padding: 10px 28px !important; font-family: 'Montserrat', sans-serif !important;
font-size: 12px !important; font-weight: 600 !important; letter-spacing: 2.5px !important;
text-transform: uppercase !important; border-radius: 0 !important; transition: all 0.3s ease !important;
}
header.ct-header:not(.chalo-scrolled) #menu-item-45977 > a.ct-menu-link:hover,
header.ct-header:not(.chalo-scrolled) .reddish-background > a.ct-menu-link:hover {
background: rgba(255,255,255,0.12) !important; border-color: #c8a96e !important;
color: #c8a96e !important; -webkit-text-fill-color: #c8a96e !important;
}
header.ct-header:not(.chalo-scrolled) [data-id="menu"] .sub-menu { background: #fff !important; box-shadow: 0 4px 20px rgba(0,0,0,0.1) !important; }
header.ct-header:not(.chalo-scrolled) [data-id="menu"] .sub-menu .ct-menu-link { color: #2c1810 !important; -webkit-text-fill-color: #2c1810 !important; text-shadow: none !important; }
header.ct-header:not(.chalo-scrolled) [data-id="menu"] .sub-menu .ct-menu-link:hover { color: #c8a96e !important; -webkit-text-fill-color: #c8a96e !important; }
header.ct-header:not(.chalo-scrolled) [data-id="trigger"] svg,
header.ct-header:not(.chalo-scrolled) .ct-toggle svg { color: #ffffff !important; }
header.ct-header:not(.chalo-scrolled) [data-id="trigger"] .ct-label { color: #ffffff !important; }
header.ct-header.chalo-scrolled,
header.ct-header.ct-sticky {
position: fixed !important; background-color: #ffffff !important;
box-shadow: 0 2px 10px rgba(0,0,0,0.08) !important;
}
.admin-bar header.ct-header.chalo-scrolled,
.admin-bar header.ct-header.ct-sticky { top: 32px !important; }
header.ct-header.chalo-scrolled [data-id="menu"] .ct-menu-link,
header.ct-header.ct-sticky [data-id="menu"] .ct-menu-link {
color: #2c1810 !important; -webkit-text-fill-color: #2c1810 !important; text-shadow: none !important;
}
header.ct-header.chalo-scrolled [data-id="menu"] .ct-menu-link:hover,
header.ct-header.ct-sticky [data-id="menu"] .ct-menu-link:hover {
color: #c8a96e !important; -webkit-text-fill-color: #c8a96e !important;
}
header.ct-header.chalo-scrolled .site-logo-container img,
header.ct-header.ct-sticky .site-logo-container img { filter: none !important; }
header.ct-header.chalo-scrolled .ct-header-search svg,
header.ct-header.ct-sticky .ct-header-search svg { color: #2c1810 !important; fill: #2c1810 !important; }
header.ct-header.chalo-scrolled .ct-header-search:hover svg,
header.ct-header.ct-sticky .ct-header-search:hover svg { color: #c8a96e !important; fill: #c8a96e !important; }
header.ct-header.chalo-scrolled #menu-item-45977 > a.ct-menu-link,
header.ct-header.chalo-scrolled .reddish-background > a.ct-menu-link,
header.ct-header.ct-sticky #menu-item-45977 > a.ct-menu-link,
header.ct-header.ct-sticky .reddish-background > a.ct-menu-link {
background: #c8a96e !important; background-color: #c8a96e !important;
background-image: none !important; border: 2px solid #c8a96e !important;
color: #ffffff !important; -webkit-text-fill-color: #ffffff !important;
padding: 10px 28px !important; font-size: 12px !important; font-weight: 600 !important;
letter-spacing: 2.5px !important; text-transform: uppercase !important;
border-radius: 0 !important; transition: all 0.3s ease !important;
}
header.ct-header.chalo-scrolled #menu-item-45977 > a.ct-menu-link:hover,
header.ct-header.chalo-scrolled .reddish-background > a.ct-menu-link:hover,
header.ct-header.ct-sticky #menu-item-45977 > a.ct-menu-link:hover,
header.ct-header.ct-sticky .reddish-background > a.ct-menu-link:hover {
background: #b8954e !important; border-color: #b8954e !important;
transform: translateY(-2px); box-shadow: 0 8px 25px rgba(200,169,110,0.3);
}
header.ct-header.chalo-scrolled [data-id="trigger"] svg,
header.ct-header.ct-sticky [data-id="trigger"] svg,
header.ct-header.chalo-scrolled .ct-toggle svg,
header.ct-header.ct-sticky .ct-toggle svg { color: #2c1810 !important; }
header.ct-header.chalo-scrolled [data-id="trigger"] .ct-label,
header.ct-header.ct-sticky [data-id="trigger"] .ct-label { color: #2c1810 !important; }
@media (max-width: 768px) {
header.ct-header:not(.chalo-scrolled) [data-id="menu"] .ct-menu-link { font-size: 13px !important; }
header.ct-header:not(.chalo-scrolled) #menu-item-45977 > a.ct-menu-link,
header.ct-header:not(.chalo-scrolled) .reddish-background > a.ct-menu-link {
padding: 8px 20px !important; font-size: 11px !important; letter-spacing: 2px !important;
}
}
@media (max-width: 480px) {
.admin-bar header.ct-header,
.admin-bar header.ct-header.chalo-scrolled,
.admin-bar header.ct-header.ct-sticky { top: 46px !important; }
}
/* ===================================================================
DESTINATION PAGE FIXES v2.9
=================================================================== */
html body.chalo-destination .hero-section,
html body.chalo-destination .dest-hero {
display: flex !important; visibility: visible !important; opacity: 1 !important;
min-height: 70vh !important; width: 100vw !important;
margin-left: calc(-50vw + 50%) !important;
position: relative !important; align-items: flex-end !important; overflow: hidden !important;
}
html body.chalo-destination .hero-section .entry-header .page-title,
html body.chalo-destination .hero-section h1,
html body.chalo-destination .dest-hero h1 {
display: block !important; color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-family: 'Cormorant Garamond', serif !important;
font-size: 64px !important; font-weight: 300 !important;
letter-spacing: 1px !important; text-shadow: 0 2px 8px rgba(0,0,0,0.4);
}
body.chalo-destination .dest-cat-card .cat-btn,
body.chalo-destination .dest-cat-card a.cat-btn,
body.chalo-destination .dest-cat-card a.cat-btn:visited,
body.chalo-destination .dest-cat-card a.cat-btn:hover {
color: #ffffff !important; -webkit-text-fill-color: #ffffff !important;
background: #c8a96e !important; background-color: #c8a96e !important;
background-image: none !important; border: 2px solid #c8a96e !important; border-radius: 0 !important;
}
body.chalo-destination .dest-cat-card a.cat-btn:hover {
background: #b8954e !important; border-color: #b8954e !important;
}
.chalo-dest-card { background-color: #ffffff !important; background: #ffffff !important; }
/* ============================================
v29b — Specificity bumps for destination pages
============================================ */
/* Nav links: white on unscrolled state — beat body.chalo-destination a:not(...) (0,5,2) */
html body.chalo-destination header.ct-header:not(.chalo-scrolled) [data-id="menu"] .ct-menu-link,
html body.chalo-destination header.ct-header:not(.chalo-scrolled) [data-id="menu"] > ul > li > a,
html body.chalo-destination header.ct-header:not(.chalo-scrolled) .ct-menu-link,
html body.chalo-destination header.ct-header:not(.chalo-scrolled) nav a {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
html body.chalo-destination header.ct-header.chalo-scrolled [data-id="menu"] .ct-menu-link,
html body.chalo-destination header.ct-header.chalo-scrolled [data-id="menu"] > ul > li > a {
color: #2c1810 !important;
-webkit-text-fill-color: #2c1810 !important;
}
/* cat-btn: white text on gold bg */
html body.chalo-destination .dest-cat-card .cat-btn,
html body.chalo-destination .dest-cat-card a.cat-btn,
html body.chalo-destination a.cat-btn {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
background: #c8a96e !important;
}
html body.chalo-destination .dest-cat-card .cat-btn:hover,
html body.chalo-destination a.cat-btn:hover {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
background: #b8954e !important;
}
/* Hero: force flex 70vh full width, override is-width-constrained */
html body.chalo-destination .hero-section,
html body.chalo-destination .hero-section.is-width-constrained,
html body.chalo-destination .dest-hero {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 70vh !important;
height: 70vh !important;
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(-50vw + 50%) !important;
position: relative !important;
overflow: hidden !important;
}
/* ============================================
v29d — Scope #safari-filters-wrap to listing page only
============================================ */
html body:not(.page-id-46296) #safari-filters-wrap {
background: transparent !important;
background-color: transparent !important;
padding: 0 !important;
border: none !important;
margin: 0 !important;
}
/* ============================================
v29e — Homepage fixes: nav scroll state + duplicate footer
============================================ */
/* (1) Nav scroll state fallback — Blocksy adds .ct-sticky on scroll; treat as scrolled */
html header.ct-header.ct-sticky [data-id="menu"] .ct-menu-link,
html header.ct-header.ct-sticky [data-id="menu"] > ul > li > a,
html header.ct-header.ct-sticky .ct-menu-link,
html body header.ct-header.ct-sticky nav a:not(.gb-button):not(.pys-btn) {
color: #2c1810 !important;
-webkit-text-fill-color: #2c1810 !important;
}
html header.ct-header.ct-sticky {
background-color: #ffffff !important;
}
html header.ct-header.ct-sticky .site-logo-container img {
filter: none !important;
}
/* Search icon dark on scrolled */
html header.ct-header.ct-sticky [data-id="search"] svg,
html header.ct-header.ct-sticky .ct-search-button svg {
color: #2c1810 !important;
fill: #2c1810 !important;
}
/* Hover state */
html header.ct-header.ct-sticky [data-id="menu"] .ct-menu-link:hover,
html header.ct-header.ct-sticky [data-id="menu"] > ul > li > a:hover {
color: #c8a96e !important;
-webkit-text-fill-color: #c8a96e !important;
}
/* (2) Remove duplicate brown .chalo-custom-footer on homepage — .custom-footer already shows */
html body.home .chalo-custom-footer,
html body.page-id-7 .chalo-custom-footer,
html body.blog .chalo-custom-footer {
display: none !important;
}
/* ============================================
v29f — Start Planning hover + homepage dest card fancy underline
============================================ */
/* Start Planning (pys-btn / gb-button in header) — clean hover, both states */
/* Unscrolled: gold bg, white text → hover: darker gold, no lift, soft shadow */
html header.ct-header:not(.ct-sticky):not(.chalo-scrolled) a.pys-btn,
html header.ct-header:not(.ct-sticky):not(.chalo-scrolled) a[href*="start-planning"],
html header.ct-header:not(.ct-sticky):not(.chalo-scrolled) .gb-button[href*="start-planning"] {
background: #c8a96e !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
border: 1px solid #c8a96e !important;
box-shadow: none !important;
transform: none !important;
transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease !important;
}
html header.ct-header:not(.ct-sticky):not(.chalo-scrolled) a.pys-btn:hover,
html header.ct-header:not(.ct-sticky):not(.chalo-scrolled) a[href*="start-planning"]:hover,
html header.ct-header:not(.ct-sticky):not(.chalo-scrolled) .gb-button[href*="start-planning"]:hover {
background: #b8954e !important;
border-color: #b8954e !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
box-shadow: 0 4px 14px rgba(200, 169, 110, 0.35) !important;
transform: none !important;
}
/* Scrolled: same gold pill */
html header.ct-header.ct-sticky a.pys-btn,
html header.ct-header.ct-sticky a[href*="start-planning"],
html header.ct-header.ct-sticky .gb-button[href*="start-planning"] {
background: #c8a96e !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
border: 1px solid #c8a96e !important;
box-shadow: none !important;
transform: none !important;
transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease !important;
}
html header.ct-header.ct-sticky a.pys-btn:hover,
html header.ct-header.ct-sticky a[href*="start-planning"]:hover,
html header.ct-header.ct-sticky .gb-button[href*="start-planning"]:hover {
background: #b8954e !important;
border-color: #b8954e !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
box-shadow: 0 4px 14px rgba(200, 169, 110, 0.35) !important;
transform: none !important;
}
/* Remove gold underline below destination card heading (Kenya / Tanzania / etc) on homepage */
html body.home #safari-filters-wrap h3.fancy::after,
html body.home #safari-filters-wrap h3.fancy::before,
html body.home .wp-block-genesis-blocks-gb-column h3.fancy::after,
html body.home .wp-block-genesis-blocks-gb-column h3.fancy::before {
display: none !important;
content: none !important;
}
/* ============================================
v29g — Start Planning button: correct selector (.ab-button.reddish-background)
============================================ */
/* Unscrolled on hero: ghost (transparent + white border, white text) */
html header.ct-header:not(.ct-sticky):not(.chalo-scrolled) .ab-button.reddish-background a.ct-menu-link,
html header.ct-header:not(.ct-sticky):not(.chalo-scrolled) li.menu-item-45977 > a.ct-menu-link {
background: transparent !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
border: 1.5px solid rgba(255, 255, 255, 0.85) !important;
padding: 10px 28px !important;
box-shadow: none !important;
transform: none !important;
transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease !important;
text-transform: uppercase !important;
letter-spacing: 1.5px !important;
font-size: 13px !important;
font-weight: 600 !important;
}
html header.ct-header:not(.ct-sticky):not(.chalo-scrolled) .ab-button.reddish-background a.ct-menu-link:hover,
html header.ct-header:not(.ct-sticky):not(.chalo-scrolled) li.menu-item-45977 > a.ct-menu-link:hover {
background: #c8a96e !important;
border-color: #c8a96e !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
box-shadow: 0 4px 14px rgba(200, 169, 110, 0.35) !important;
transform: none !important;
}
/* Scrolled: solid gold pill */
html header.ct-header.ct-sticky .ab-button.reddish-background a.ct-menu-link,
html header.ct-header.ct-sticky li.menu-item-45977 > a.ct-menu-link {
background: #c8a96e !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
border: 1.5px solid #c8a96e !important;
padding: 10px 28px !important;
box-shadow: none !important;
transform: none !important;
transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease !important;
text-transform: uppercase !important;
letter-spacing: 1.5px !important;
font-size: 13px !important;
font-weight: 600 !important;
}
html header.ct-header.ct-sticky .ab-button.reddish-background a.ct-menu-link:hover,
html header.ct-header.ct-sticky li.menu-item-45977 > a.ct-menu-link:hover {
background: #b8954e !important;
border-color: #b8954e !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
box-shadow: 0 4px 14px rgba(200, 169, 110, 0.35) !important;
transform: none !important;
}
/* ============================================================================
v29h — UNIFIED NAV STYLING — applies to ALL pages
Highest specificity (html body prefix) to beat all earlier page-scoped rules.
Scroll state toggled by .chalo-scrolled (added by global-nav-scroll.php v84).
Also supports .ct-sticky (Blocksy native) as a fallback.
============================================================================ */
/* ---------- Base header (applies always) ---------- */
html body header.ct-header {
transition: background 0.3s ease, box-shadow 0.3s ease !important;
}
/* ---------- Unscrolled: transparent overlay on hero ---------- */
html body header.ct-header:not(.chalo-scrolled):not(.ct-sticky) {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
z-index: 100 !important;
}
html body header.ct-header:not(.chalo-scrolled):not(.ct-sticky) .ct-header-content,
html body header.ct-header:not(.chalo-scrolled):not(.ct-sticky) [data-row="middle"] {
background: transparent !important;
background-color: transparent !important;
}
/* Menu links white */
html body header.ct-header:not(.chalo-scrolled):not(.ct-sticky) [data-id="menu"] a.ct-menu-link,
html body header.ct-header:not(.chalo-scrolled):not(.ct-sticky) [data-id="menu"] .ct-menu-link,
html body header.ct-header:not(.chalo-scrolled):not(.ct-sticky) nav a.ct-menu-link {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.35) !important;
}
html body header.ct-header:not(.chalo-scrolled):not(.ct-sticky) [data-id="menu"] a.ct-menu-link:hover,
html body header.ct-header:not(.chalo-scrolled):not(.ct-sticky) [data-id="menu"] .ct-menu-link:hover {
color: #c8a96e !important;
-webkit-text-fill-color: #c8a96e !important;
}
/* Logo white-filtered on hero */
html body header.ct-header:not(.chalo-scrolled):not(.ct-sticky) .site-logo-container img.default-logo {
filter: none !important;
}
/* Search icon white */
html body header.ct-header:not(.chalo-scrolled):not(.ct-sticky) [data-id="search"] svg,
html body header.ct-header:not(.chalo-scrolled):not(.ct-sticky) .ct-search-button svg {
color: #ffffff !important;
fill: #ffffff !important;
}
/* Start Planning: ghost button */
html body header.ct-header:not(.chalo-scrolled):not(.ct-sticky) li.menu-item-45977 > a.ct-menu-link,
html body header.ct-header:not(.chalo-scrolled):not(.ct-sticky) .ab-button.reddish-background > a.ct-menu-link,
html body header.ct-header:not(.chalo-scrolled):not(.ct-sticky) #menu-item-45977 > a.ct-menu-link {
background: transparent !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
border: 1.5px solid rgba(255, 255, 255, 0.85) !important;
padding: 10px 28px !important;
box-shadow: none !important;
transform: none !important;
text-transform: uppercase !important;
letter-spacing: 1.5px !important;
font-size: 13px !important;
font-weight: 600 !important;
text-shadow: none !important;
transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease !important;
}
html body header.ct-header:not(.chalo-scrolled):not(.ct-sticky) li.menu-item-45977 > a.ct-menu-link:hover,
html body header.ct-header:not(.chalo-scrolled):not(.ct-sticky) .ab-button.reddish-background > a.ct-menu-link:hover,
html body header.ct-header:not(.chalo-scrolled):not(.ct-sticky) #menu-item-45977 > a.ct-menu-link:hover {
background: #c8a96e !important;
border-color: #c8a96e !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
box-shadow: 0 4px 14px rgba(200, 169, 110, 0.35) !important;
}
/* ---------- Scrolled: white sticky (triggered by .chalo-scrolled OR .ct-sticky) ---------- */
html body header.ct-header.chalo-scrolled,
html body header.ct-header.ct-sticky {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
background: #ffffff !important;
background-color: #ffffff !important;
box-shadow: 0 2px 18px rgba(44, 24, 16, 0.08) !important;
z-index: 999 !important;
}
html body header.ct-header.chalo-scrolled .ct-header-content,
html body header.ct-header.ct-sticky .ct-header-content,
html body header.ct-header.chalo-scrolled [data-row="middle"],
html body header.ct-header.ct-sticky [data-row="middle"] {
background: #ffffff !important;
background-color: #ffffff !important;
}
/* Menu links dark */
html body header.ct-header.chalo-scrolled [data-id="menu"] a.ct-menu-link,
html body header.ct-header.chalo-scrolled [data-id="menu"] .ct-menu-link,
html body header.ct-header.ct-sticky [data-id="menu"] a.ct-menu-link,
html body header.ct-header.ct-sticky [data-id="menu"] .ct-menu-link {
color: #2c1810 !important;
-webkit-text-fill-color: #2c1810 !important;
text-shadow: none !important;
}
html body header.ct-header.chalo-scrolled [data-id="menu"] a.ct-menu-link:hover,
html body header.ct-header.ct-sticky [data-id="menu"] a.ct-menu-link:hover {
color: #c8a96e !important;
-webkit-text-fill-color: #c8a96e !important;
}
/* Active menu item (current page) — gold */
html body header.ct-header.chalo-scrolled [data-id="menu"] .current-menu-item > a.ct-menu-link,
html body header.ct-header.ct-sticky [data-id="menu"] .current-menu-item > a.ct-menu-link,
html body header.ct-header:not(.chalo-scrolled):not(.ct-sticky) [data-id="menu"] .current-menu-item > a.ct-menu-link {
color: #c8a96e !important;
-webkit-text-fill-color: #c8a96e !important;
}
/* Logo unfiltered on scrolled */
html body header.ct-header.chalo-scrolled .site-logo-container img.default-logo,
html body header.ct-header.ct-sticky .site-logo-container img.default-logo {
filter: none !important;
}
/* Search icon dark */
html body header.ct-header.chalo-scrolled [data-id="search"] svg,
html body header.ct-header.chalo-scrolled .ct-search-button svg,
html body header.ct-header.ct-sticky [data-id="search"] svg,
html body header.ct-header.ct-sticky .ct-search-button svg {
color: #2c1810 !important;
fill: #2c1810 !important;
}
/* Start Planning: solid gold pill */
html body header.ct-header.chalo-scrolled li.menu-item-45977 > a.ct-menu-link,
html body header.ct-header.chalo-scrolled .ab-button.reddish-background > a.ct-menu-link,
html body header.ct-header.chalo-scrolled #menu-item-45977 > a.ct-menu-link,
html body header.ct-header.ct-sticky li.menu-item-45977 > a.ct-menu-link,
html body header.ct-header.ct-sticky .ab-button.reddish-background > a.ct-menu-link,
html body header.ct-header.ct-sticky #menu-item-45977 > a.ct-menu-link {
background: #c8a96e !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
border: 1.5px solid #c8a96e !important;
padding: 10px 28px !important;
box-shadow: none !important;
transform: none !important;
text-transform: uppercase !important;
letter-spacing: 1.5px !important;
font-size: 13px !important;
font-weight: 600 !important;
text-shadow: none !important;
transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease !important;
}
html body header.ct-header.chalo-scrolled li.menu-item-45977 > a.ct-menu-link:hover,
html body header.ct-header.chalo-scrolled .ab-button.reddish-background > a.ct-menu-link:hover,
html body header.ct-header.chalo-scrolled #menu-item-45977 > a.ct-menu-link:hover,
html body header.ct-header.ct-sticky li.menu-item-45977 > a.ct-menu-link:hover,
html body header.ct-header.ct-sticky .ab-button.reddish-background > a.ct-menu-link:hover,
html body header.ct-header.ct-sticky #menu-item-45977 > a.ct-menu-link:hover {
background: #b8954e !important;
border-color: #b8954e !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
box-shadow: 0 4px 14px rgba(200, 169, 110, 0.35) !important;
}
/* ---------- Sub-menu (dropdown): always white bg with dark links ---------- */
html body header.ct-header .sub-menu,
html body header.ct-header ul.sub-menu {
background: #ffffff !important;
box-shadow: 0 8px 30px rgba(44, 24, 16, 0.12) !important;
border-radius: 0 !important;
}
html body header.ct-header .sub-menu a.ct-menu-link,
html body header.ct-header ul.sub-menu a.ct-menu-link {
color: #2c1810 !important;
-webkit-text-fill-color: #2c1810 !important;
text-shadow: none !important;
}
html body header.ct-header .sub-menu a.ct-menu-link:hover,
html body header.ct-header ul.sub-menu a.ct-menu-link:hover {
color: #c8a96e !important;
-webkit-text-fill-color: #c8a96e !important;
background: #faf7f2 !important;
}
/* ============================================================================
v29i — FINAL nav override with maximum specificity
============================================================================ */
/* Unscrolled menu link color (white) — needs to beat .home header[data-id="type-1"] ... (0,3,5) */
html body header[data-id="type-1"].ct-header:not(.chalo-scrolled):not(.ct-sticky) [data-id="menu"] > ul > li > a.ct-menu-link,
html body header[data-id="type-1"].ct-header:not(.chalo-scrolled):not(.ct-sticky) [data-id="menu"] > ul > li > .ct-menu-link {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.35) !important;
}
/* Scrolled menu link color (dark) */
html body header[data-id="type-1"].ct-header.chalo-scrolled [data-id="menu"] > ul > li > a.ct-menu-link,
html body header[data-id="type-1"].ct-header.chalo-scrolled [data-id="menu"] > ul > li > .ct-menu-link,
html body header[data-id="type-1"].ct-header.ct-sticky [data-id="menu"] > ul > li > a.ct-menu-link,
html body header[data-id="type-1"].ct-header.ct-sticky [data-id="menu"] > ul > li > .ct-menu-link {
color: #2c1810 !important;
-webkit-text-fill-color: #2c1810 !important;
text-shadow: none !important;
}
html body header[data-id="type-1"].ct-header.chalo-scrolled [data-id="menu"] > ul > li > a.ct-menu-link:hover,
html body header[data-id="type-1"].ct-header.ct-sticky [data-id="menu"] > ul > li > a.ct-menu-link:hover {
color: #c8a96e !important;
-webkit-text-fill-color: #c8a96e !important;
}
/* Scrolled header background — white */
html body header[data-id="type-1"].ct-header.chalo-scrolled,
html body header[data-id="type-1"].ct-header.ct-sticky {
background: #ffffff !important;
background-color: #ffffff !important;
position: fixed !important;
box-shadow: 0 2px 18px rgba(44, 24, 16, 0.08) !important;
}
html body header[data-id="type-1"].ct-header.chalo-scrolled .ct-header-content,
html body header[data-id="type-1"].ct-header.ct-sticky .ct-header-content,
html body header[data-id="type-1"].ct-header.chalo-scrolled [data-row],
html body header[data-id="type-1"].ct-header.ct-sticky [data-row] {
background: #ffffff !important;
background-color: #ffffff !important;
}
/* Unscrolled header transparent */
html body header[data-id="type-1"].ct-header:not(.chalo-scrolled):not(.ct-sticky),
html body header[data-id="type-1"].ct-header:not(.chalo-scrolled):not(.ct-sticky) .ct-header-content,
html body header[data-id="type-1"].ct-header:not(.chalo-scrolled):not(.ct-sticky) [data-row] {
background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
}
/* Start Planning — scrolled: solid gold */
html body header[data-id="type-1"].ct-header.chalo-scrolled li.menu-item-45977 > a.ct-menu-link,
html body header[data-id="type-1"].ct-header.ct-sticky li.menu-item-45977 > a.ct-menu-link,
html body header[data-id="type-1"].ct-header.chalo-scrolled .ab-button.reddish-background > a.ct-menu-link,
html body header[data-id="type-1"].ct-header.ct-sticky .ab-button.reddish-background > a.ct-menu-link {
background: #c8a96e !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
border: 1.5px solid #c8a96e !important;
text-shadow: none !important;
}
html body header[data-id="type-1"].ct-header.chalo-scrolled li.menu-item-45977 > a.ct-menu-link:hover,
html body header[data-id="type-1"].ct-header.ct-sticky li.menu-item-45977 > a.ct-menu-link:hover {
background: #b8954e !important;
border-color: #b8954e !important;
}
/* Start Planning — unscrolled: ghost */
html body header[data-id="type-1"].ct-header:not(.chalo-scrolled):not(.ct-sticky) li.menu-item-45977 > a.ct-menu-link,
html body header[data-id="type-1"].ct-header:not(.chalo-scrolled):not(.ct-sticky) .ab-button.reddish-background > a.ct-menu-link {
background: transparent !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
border: 1.5px solid rgba(255, 255, 255, 0.85) !important;
text-shadow: none !important;
}
html body header[data-id="type-1"].ct-header:not(.chalo-scrolled):not(.ct-sticky) li.menu-item-45977 > a.ct-menu-link:hover {
background: #c8a96e !important;
border-color: #c8a96e !important;
}
/* ==========================================================================
v29j — NAVIGATION DROPDOWN STYLING (2026-04-15)
Solid white dropdown panels with dark text, gold accent border, shadow.
Applies to all pages (transparent or scrolled nav) — dropdown is always
solid so it reads against any background.
========================================================================== */
/* Dropdown panel base */
html body header.ct-header [data-id="menu"] .sub-menu,
html body header.ct-header [class*="animated-submenu"] > .sub-menu {
background: #ffffff !important;
background-color: #ffffff !important;
border: 1px solid #e8e0d6 !important;
border-top: 2px solid #c8a96e !important;
border-radius: 0 !important;
box-shadow: 0 8px 28px rgba(44, 24, 16, 0.15) !important;
padding: 8px 0 !important;
min-width: 240px !important;
}
/* Dropdown items */
html body header.ct-header [data-id="menu"] .sub-menu li {
background: #ffffff !important;
list-style: none !important;
margin: 0 !important;
}
/* Dropdown links — dark text on white, gold on hover */
html body header.ct-header [data-id="menu"] .sub-menu li > a,
html body header.ct-header [data-id="menu"] .sub-menu li > a.ct-menu-link {
color: #2c1810 !important;
-webkit-text-fill-color: #2c1810 !important;
background: #ffffff !important;
background-color: #ffffff !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 13px !important;
font-weight: 400 !important;
letter-spacing: 0.4px !important;
text-transform: none !important;
padding: 12px 22px !important;
text-shadow: none !important;
transition: color 0.15s ease, background-color 0.15s ease !important;
display: block !important;
}
html body header.ct-header [data-id="menu"] .sub-menu li > a:hover,
html body header.ct-header [data-id="menu"] .sub-menu li > a.ct-menu-link:hover,
html body header.ct-header [data-id="menu"] .sub-menu li:hover > a,
html body header.ct-header [data-id="menu"] .sub-menu li:hover > a.ct-menu-link {
color: #c8a96e !important;
-webkit-text-fill-color: #c8a96e !important;
background: #faf7f2 !important;
background-color: #faf7f2 !important;
}
/* Faster, more legible reveal animation */
html body header.ct-header [class*="animated-submenu"] > .sub-menu {
transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s ease !important;
}
/* Make sure dropdown sits ABOVE hero gradient */
html body header.ct-header [data-id="menu"] .sub-menu {
z-index: 9999 !important;
}
/* ==========================================================================
v29k — EXPLORERS CLUB SECTION (2026-04-15)
.ec-section has dark brown bg (rgb(42,31,21)). Force title + body text
to warm cream so it reads on dark.
========================================================================== */
html body .ec-section,
html body section.ec-section {
background: #2c1810 !important;
}
html body .ec-section .ec-section-title,
html body .ec-section h2.ec-section-title,
html body section.ec-section h2 {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
text-shadow: none !important;
}
html body .ec-section h3,
html body .ec-section .ec-section-subtitle {
color: #c8a96e !important;
-webkit-text-fill-color: #c8a96e !important;
}
html body .ec-section p,
html body .ec-section li,
html body .ec-section .ec-section-body {
color: #faf7f2 !important;
-webkit-text-fill-color: #faf7f2 !important;
}
html body .ec-section a {
color: #c8a96e !important;
-webkit-text-fill-color: #c8a96e !important;
}
html body .ec-section a:hover {
color: #b8954e !important;
-webkit-text-fill-color: #b8954e !important;
}
/* HR / divider */
html body .ec-section hr {
background: linear-gradient(90deg, #c8a96e, #c8a96e) !important;
height: 1px !important;
border: none !important;
max-width: 80px !important;
}
/* ===========================================================
v29l — DROPDOWN OVERRIDE: beat (0,5,12) non-scroll nav rule
=========================================================== */
html body header.ct-header:not(.chalo-scrolled):not(.ct-sticky) [data-id="menu"] .sub-menu a.ct-menu-link,
html body header.ct-header:not(.chalo-scrolled):not(.ct-sticky) [data-id="menu"] .sub-menu .ct-menu-link,
html body header.ct-header.chalo-scrolled [data-id="menu"] .sub-menu a.ct-menu-link,
html body header.ct-header.ct-sticky [data-id="menu"] .sub-menu a.ct-menu-link,
html body header.ct-header [data-id="menu"] ul.sub-menu li a.ct-menu-link {
color: #2c1810 !important;
-webkit-text-fill-color: #2c1810 !important;
background: #ffffff !important;
background-color: #ffffff !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 13px !important;
font-weight: 400 !important;
text-transform: none !important;
letter-spacing: 0.3px !important;
padding: 12px 22px !important;
line-height: 1.4 !important;
display: block !important;
}
html body header.ct-header [data-id="menu"] ul.sub-menu li a.ct-menu-link:hover,
html body header.ct-header [data-id="menu"] ul.sub-menu li a.ct-menu-link:focus,
html body header.ct-header [data-id="menu"] ul.sub-menu li.current-menu-item > a.ct-menu-link {
color: #c8a96e !important;
-webkit-text-fill-color: #c8a96e !important;
background: #faf7f2 !important;
background-color: #faf7f2 !important;
}
html body header.ct-header [data-id="menu"] ul.sub-menu {
background: #ffffff !important;
background-color: #ffffff !important;
border: 1px solid #e8e0d6 !important;
border-top: 2px solid #c8a96e !important;
border-radius: 0 !important;
box-shadow: 0 8px 28px rgba(44, 24, 16, 0.15) !important;
padding: 8px 0 !important;
min-width: 240px !important;
}
/* v29m — remove dropdown shadow */
html body header.ct-header [data-id="menu"] ul.sub-menu,
html body header.ct-header [data-id="menu"] .sub-menu {
box-shadow: none !important;
-webkit-box-shadow: none !important;
filter: none !important;
}
/* v29n — beat (0,4,7) :not(.chalo-scrolled) shadow rule */
html body header[data-id="type-1"].ct-header:not(.chalo-scrolled):not(.ct-sticky) [data-id="menu"] .sub-menu,
html body header[data-id="type-1"].ct-header:not(.chalo-scrolled):not(.ct-sticky) [data-id="menu"] ul.sub-menu,
html body header[data-id="type-1"].ct-header.chalo-scrolled [data-id="menu"] .sub-menu,
html body header[data-id="type-1"].ct-header.ct-sticky [data-id="menu"] .sub-menu,
html body header[data-id="type-1"].ct-header [data-id="menu"] li.menu-item ul.sub-menu {
box-shadow: none !important;
-webkit-box-shadow: none !important;
filter: none !important;
}
/* v29o — remove text-shadow from dropdown links */
html body header[data-id="type-1"].ct-header [data-id="menu"] .sub-menu a,
html body header[data-id="type-1"].ct-header [data-id="menu"] .sub-menu a.ct-menu-link,
html body header[data-id="type-1"].ct-header [data-id="menu"] .sub-menu li,
html body header[data-id="type-1"].ct-header [data-id="menu"] ul.sub-menu * {
text-shadow: none !important;
}
/* v29p — Explorers Club CTA button: fix gold-on-gold text-fill-color */
html body .ec-section a,
html body .ec-section .wp-block-button__link,
html body section.ec-section a {
-webkit-text-fill-color: currentColor !important;
}
html body .ec-section a[href*="expedition"],
html body .ec-section a[href*="explorers"],
html body section.ec-section a[style*="background"] {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
background: #c8a96e !important;
background-color: #c8a96e !important;
border: 2px solid #c8a96e !important;
}
html body .ec-section a[href*="expedition"]:hover,
html body .ec-section a[href*="explorers"]:hover,
html body section.ec-section a[style*="background"]:hover {
background: #b8954e !important;
background-color: #b8954e !important;
border-color: #b8954e !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
/* Card links remain gold on dark — keep contrast */
html body .ec-section a.ec-card-link {
color: #c8a96e !important;
-webkit-text-fill-color: #c8a96e !important;
}
/* v29q — Stats bar polish: remove last-column right border, smaller font, luxury icon */
html body .wp-block-genesis-blocks-gb-columns.border-grey {
background: #faf7f2 !important;
}
html body .wp-block-genesis-blocks-gb-columns.border-grey .gb-layout-column-wrap > .wp-block-genesis-blocks-gb-column {
border-right: 1px solid #e8e0d6 !important;
border-left: none !important;
border-top: none !important;
border-bottom: none !important;
padding: 18px 20px !important;
}
html body .wp-block-genesis-blocks-gb-columns.border-grey .gb-layout-column-wrap > .wp-block-genesis-blocks-gb-column:last-child {
border-right: none !important;
}
html body .wp-block-genesis-blocks-gb-columns.border-grey p,
html body .wp-block-genesis-blocks-gb-columns.border-grey .mb10 {
font-family: 'Montserrat', sans-serif !important;
font-size: 12px !important;
font-weight: 500 !important;
letter-spacing: 1.6px !important;
line-height: 1.5 !important;
text-transform: uppercase !important;
color: #4a3020 !important;
margin: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
}
html body .wp-block-genesis-blocks-gb-columns.border-grey .dashicons-yes-alt,
html body .wp-block-genesis-blocks-gb-columns.border-grey .dashicons-yes-alt.gold,
html body .wp-block-genesis-blocks-gb-columns.border-grey span.dashicons {
display: none !important;
}
html body .wp-block-genesis-blocks-gb-columns.border-grey .gb-block-layout-column-inner > p::before,
html body .wp-block-genesis-blocks-gb-columns.border-grey .gb-block-layout-column-inner > .mb10::before {
content: "" !important;
display: inline-block !important;
width: 14px !important;
height: 14px !important;
background-image: url("data:image/svg+xml;utf8,") !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
margin-right: 12px !important;
vertical-align: middle !important;
flex-shrink: 0 !important;
}
@media (max-width: 768px) {
html body .wp-block-genesis-blocks-gb-columns.border-grey p,
html body .wp-block-genesis-blocks-gb-columns.border-grey .mb10 {
font-size: 10px !important;
letter-spacing: 1.2px !important;
}
html body .wp-block-genesis-blocks-gb-columns.border-grey .gb-layout-column-wrap > .wp-block-genesis-blocks-gb-column {
padding: 12px 10px !important;
}
}
/* v29r — Stats bar icon: switch to Unicode diamond ornament (clean luxury) */
html body .wp-block-genesis-blocks-gb-columns.border-grey .gb-block-layout-column-inner > p::before,
html body .wp-block-genesis-blocks-gb-columns.border-grey .gb-block-layout-column-inner > .mb10::before {
content: "\25C6" !important;
background: none !important;
background-image: none !important;
width: auto !important;
height: auto !important;
color: #c8a96e !important;
font-size: 11px !important;
line-height: 1 !important;
margin-right: 12px !important;
display: inline-block !important;
transform: translateY(-1px);
}
/* ===========================================================
v29s — Safari Tour v2 Page Layout Fixes
=========================================================== */
/* (1) Hero full-width — break out of Blocksy is-width-constrained */
body.chalo-safari-v2-page section.hero,
body.chalo-safari-v2-page .chalo-safari-v2 > section.hero,
body.chalo-safari-v2-page .hero {
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
position: relative !important;
}
body.chalo-safari-v2-page .hero,
body.chalo-safari-v2-page .hero-bg {
min-height: 85vh !important;
height: 85vh !important;
}
body.chalo-safari-v2-page .hero-bg {
width: 100% !important;
}
/* (2) Grid — explicit column placement so wpautop empties (if any) don't push */
body.chalo-safari-v2-page .container.content-grid {
display: grid !important;
grid-template-columns: minmax(0,1fr) 360px !important;
gap: 60px !important;
max-width: 1280px !important;
}
body.chalo-safari-v2-page .container.content-grid > .content-main {
grid-column: 1 / 2 !important;
grid-row: 1 !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
}
body.chalo-safari-v2-page .container.content-grid > .content-sidebar {
grid-column: 2 / 3 !important;
grid-row: 1 !important;
width: 360px !important;
}
/* hide any wpautop-stranded empty direct children of grid */
body.chalo-safari-v2-page .container.content-grid > p:empty {
display: none !important;
}
/* (3) Enquiry form full-width */
body.chalo-safari-v2-page section.enquiry-section {
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
body.chalo-safari-v2-page section.enquiry-section > .container {
max-width: 1280px !important;
width: 100% !important;
padding-left: 40px !important;
padding-right: 40px !important;
}
body.chalo-safari-v2-page section.enquiry-section .wpforms-container,
body.chalo-safari-v2-page section.enquiry-section .wpforms-container-full,
body.chalo-safari-v2-page section.enquiry-section #wpforms-47290 {
max-width: none !important;
width: 100% !important;
}
body.chalo-safari-v2-page section.enquiry-section .wpforms-form .wpforms-field-row {
max-width: none !important;
}
@media (max-width: 1100px) {
body.chalo-safari-v2-page .container.content-grid {
grid-template-columns: 1fr !important;
}
body.chalo-safari-v2-page .container.content-grid > .content-main,
body.chalo-safari-v2-page .container.content-grid > .content-sidebar {
grid-column: 1 / -1 !important;
width: 100% !important;
}
}
/* === v29t: Safari-tours singular hero-to-top + Recommended full-width === */
body.chalo-safari-v2-page main.site-main,
body.chalo-safari-v2-page #main-container,
body.chalo-safari-v2-page article.post-59661,
body.chalo-safari-v2-page .ct-container-full,
body.chalo-safari-v2-page .entry-content,
body.chalo-safari-v2-page .chalo-safari-v2 {
padding-top: 0 !important;
margin-top: 0 !important;
}
body.chalo-safari-v2-page main.site-main::before,
body.chalo-safari-v2-page main.site-main::after,
body.chalo-safari-v2-page .ct-container-full::before,
body.chalo-safari-v2-page article.post-59661::before {
content: none !important;
display: none !important;
}
body.chalo-safari-v2-page main.site-main > *:first-child,
body.chalo-safari-v2-page #main-container > *:first-child,
body.chalo-safari-v2-page .ct-container-full > *:first-child,
body.chalo-safari-v2-page article.post-59661 > *:first-child,
body.chalo-safari-v2-page .entry-content > *:first-child,
body.chalo-safari-v2-page .chalo-safari-v2 > *:first-child {
margin-top: 0 !important;
}
/* Recommended Safaris — full-bleed and centered */
body.chalo-safari-v2-page section.tours-section {
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
padding: 80px 0 !important;
background: #faf7f2 !important;
grid-column: 1 / -1 !important;
}
body.chalo-safari-v2-page section.tours-section > .container {
max-width: 1280px !important;
margin: 0 auto !important;
padding: 0 40px !important;
}
body.chalo-safari-v2-page section.tours-section .tours-grid {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 28px !important;
max-width: 1200px !important;
margin: 30px auto 0 !important;
}
body.chalo-safari-v2-page section.tours-section h2,
body.chalo-safari-v2-page section.tours-section .section-title {
text-align: center !important;
font-family: 'Cormorant Garamond', serif !important;
font-size: 38px !important;
font-weight: 400 !important;
color: #2c1810 !important;
margin-bottom: 30px !important;
}
@media (max-width: 1024px) {
body.chalo-safari-v2-page section.tours-section .tours-grid {
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media (max-width: 768px) {
body.chalo-safari-v2-page section.tours-section .tours-grid {
grid-template-columns: 1fr !important;
}
body.chalo-safari-v2-page section.tours-section { padding: 50px 0 !important; }
}
/* === v29u: removed (replaced by v29y line-height fix) === */
/* === v29v: Hero gradient full coverage + Breadcrumb full width === */
body.chalo-safari-v2-page section.hero .hero-bg {
position: absolute !important;
top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
width: 100% !important; height: 100% !important;
background-size: cover !important;
background-position: center !important;
}
body.chalo-safari-v2-page section.hero .hero-bg::after {
position: absolute !important;
top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
width: 100% !important; height: 100% !important;
background: linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.15) 40%, rgba(0,0,0,0.6) 100%) !important;
content: "" !important;
display: block !important;
}
/* Breadcrumb — full viewport width */
body.chalo-safari-v2-page .breadcrumb {
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
padding: 14px 40px !important;
background: #faf7f2 !important;
border-bottom: 1px solid #e8e0d6 !important;
box-sizing: border-box !important;
}
body.chalo-safari-v2-page .breadcrumb > * {
max-width: 1280px !important;
margin: 0 auto !important;
display: block !important;
}
/* === v29w: Narrower enquiry form === */
body.chalo-safari-v2-page section.enquiry-section > .container,
body.chalo-safari-v2-page section.enquiry-section .wpforms-container,
body.chalo-safari-v2-page section.enquiry-section .wpforms-container-full {
max-width: 720px !important;
margin-left: auto !important;
margin-right: auto !important;
}
body.chalo-safari-v2-page section.enquiry-section .wpforms-form {
max-width: 720px !important;
margin: 0 auto !important;
}
/* === v29x: Sticky sidebar (inner element) + Enquiry heading legibility === */
/* Sidebar column itself stays in flow; the inner sidebar-sticky becomes sticky */
body.chalo-safari-v2-page .container.content-grid > .content-sidebar {
align-self: start !important;
position: relative !important;
}
body.chalo-safari-v2-page .sidebar-sticky {
position: sticky !important;
top: 160px !important;
align-self: flex-start !important;
max-height: calc(100vh - 160px) !important;
overflow-y: auto !important;
}
/* Enquiry section heading — white over dark gradient bg */
body.chalo-safari-v2-page section.enquiry-section h2,
body.chalo-safari-v2-page section.enquiry-section .container > h2,
body.chalo-safari-v2-page section.enquiry-section h2.section-title {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-family: 'Cormorant Garamond', serif !important;
font-size: 42px !important;
font-weight: 400 !important;
text-align: center !important;
margin-bottom: 30px !important;
}
body.chalo-safari-v2-page section.enquiry-section,
body.chalo-safari-v2-page section.enquiry-section p,
body.chalo-safari-v2-page section.enquiry-section .section-subtitle {
color: #faf7f2 !important;
}
/* === v29y: Collapse whitespace text node above hero (no overflow tricks so sticky works) === */
body.chalo-safari-v2-page main.site-main {
font-size: 0 !important;
line-height: 0 !important;
}
body.chalo-safari-v2-page main.site-main > * {
font-size: 16px;
line-height: normal;
}
body.chalo-safari-v2-page main.site-main,
body.chalo-safari-v2-page #main-container {
position: static !important;
top: auto !important;
overflow: visible !important;
}
/* === v29z: Pull ctf up via transform (preserves sticky) + Fix sidebar sticky === */
/* Override v29y font-size hack — restore normal font sizing */
body.chalo-safari-v2-page main.site-main { font-size: 16px !important; line-height: normal !important; }
/* Pull content up 40px via transform — doesn't break sticky like overflow does */
body.chalo-safari-v2-page main.site-main > .ct-container-full {
transform: translateY(-40px) !important;
margin-bottom: -40px !important;
}
/* Sidebar: column stretches to full row height, inner card sticks */
body.chalo-safari-v2-page .container.content-grid > .content-sidebar {
align-self: stretch !important;
height: auto !important;
position: relative !important;
}
body.chalo-safari-v2-page .sidebar-sticky {
position: sticky !important;
top: 160px !important;
max-height: none !important;
overflow: visible !important;
}
/* === v30a: Lower the nav on safari-v2 page + sidebar sticky to 160px === */
body.chalo-safari-v2-page .sidebar-sticky {
top: 160px !important;
}
/* === v30b: Lightbox CSS (paired with /inc/safari-tour-v2-lightbox.php JS) === */
body.chalo-safari-v2-page .gallery-item { cursor: pointer; }
body.chalo-safari-v2-page .lightbox { display: none; }
body.chalo-safari-v2-page .lightbox.lightbox-open {
display: flex !important;
position: fixed !important;
inset: 0 !important;
background: rgba(0, 0, 0, 0.92) !important;
z-index: 999999 !important;
align-items: center !important;
justify-content: center !important;
}
body.chalo-safari-v2-page .lightbox.lightbox-open .lightbox-content {
position: relative !important;
max-width: 90vw !important;
max-height: 90vh !important;
text-align: center !important;
}
body.chalo-safari-v2-page .lightbox.lightbox-open #lightboxImg {
max-width: 90vw !important;
max-height: 80vh !important;
display: block !important;
margin: 0 auto !important;
}
body.chalo-safari-v2-page .lightbox.lightbox-open .lightbox-caption {
color: #fff !important;
font-family: 'Cormorant Garamond', serif !important;
font-size: 18px !important;
margin-top: 20px !important;
}
body.chalo-safari-v2-page .lightbox.lightbox-open .lightbox-counter {
color: rgba(255, 255, 255, 0.7) !important;
font-size: 13px !important;
margin-top: 8px !important;
letter-spacing: 1px !important;
}
body.chalo-safari-v2-page .lightbox-close,
body.chalo-safari-v2-page .lightbox-nav {
position: absolute !important;
background: rgba(0, 0, 0, 0.5) !important;
border: 1px solid rgba(255, 255, 255, 0.3) !important;
color: #fff !important;
cursor: pointer !important;
font-size: 28px !important;
width: 50px !important;
height: 50px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 0 !important;
z-index: 1 !important;
}
body.chalo-safari-v2-page .lightbox-close { top: 24px !important; right: 24px !important; font-size: 32px !important; }
body.chalo-safari-v2-page .lightbox-nav.lb-prev { left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; }
body.chalo-safari-v2-page .lightbox-nav.lb-next { right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; }
body.chalo-safari-v2-page .lightbox-close:hover,
body.chalo-safari-v2-page .lightbox-nav:hover {
background: #c8a96e !important;
border-color: #c8a96e !important;
}
/* v30d: Lightbox relocated to body — re-apply styles at body scope */
body.chalo-safari-v2-page > .lightbox{display:none !important;position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:100vw !important;height:100vh !important;background:rgba(0,0,0,0.92) !important;z-index:999999 !important;align-items:center;justify-content:center;padding:40px}
body.chalo-safari-v2-page > .lightbox.active{display:flex !important}
body.chalo-safari-v2-page > .lightbox .lightbox-content{position:relative;display:flex;flex-direction:column;align-items:center;max-width:90vw;max-height:90vh}
body.chalo-safari-v2-page > .lightbox .lightbox-content img{max-width:100%;max-height:80vh;width:auto;height:auto;object-fit:contain;display:block}
body.chalo-safari-v2-page > .lightbox .lightbox-caption{color:#fff;font-family:"Montserrat",sans-serif;font-size:14px;margin-top:16px;text-align:center}
body.chalo-safari-v2-page > .lightbox .lightbox-counter{position:absolute;top:24px;left:24px;color:#fff;font-family:"Montserrat",sans-serif;font-size:13px;letter-spacing:1px}
body.chalo-safari-v2-page > .lightbox .lightbox-close{position:absolute;top:24px;right:24px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:#fff;font-size:22px;cursor:pointer;border-radius:0;z-index:2}
body.chalo-safari-v2-page > .lightbox .lightbox-close:hover{background:#c8a96e;border-color:#c8a96e}
body.chalo-safari-v2-page > .lightbox .lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.25);color:#fff;cursor:pointer;font-size:24px;border-radius:0;z-index:2}
body.chalo-safari-v2-page > .lightbox .lightbox-nav:hover{background:#c8a96e;border-color:#c8a96e}
body.chalo-safari-v2-page > .lightbox .lightbox-prev{left:24px}
body.chalo-safari-v2-page > .lightbox .lightbox-next{right:24px}
/* v30e: Restore Safari v2 nav non-scrolled lowered position */
/* v30f: Remove safari-v2 nav offset — match homepage top:0 */
/* v30g: Removed all safari-v2-page nav top offsets — inherit homepage (top:0 / admin 32px) */
/* v30h: Center destination hero (Blocksy entry header) text */
body.chalo-destination .hero-section{text-align:center !important;align-items:center !important;justify-content:center !important}
body.chalo-destination .hero-section .entry-header{text-align:center !important;width:100% !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important}
body.chalo-destination .hero-section .entry-header > *{text-align:center !important;margin-left:auto !important;margin-right:auto !important}
body.chalo-destination .hero-section .page-title,body.chalo-destination .hero-section .entry-title,body.chalo-destination .hero-section h1{text-align:center !important;width:100% !important}
body.chalo-destination .hero-section .dest-breadcrumbs{text-align:center !important;justify-content:center !important}
/* v30i: Global nav middle-row padding — all pages */
header[data-id="type-1"] [data-row="middle"]{padding-top:20px !important;padding-bottom:20px !important}
/* ==========================================================================
v30i — Fix .cat-btn text colour
dest-upgrade sections are injected outside .entry-content so the
original .entry-content scoped rule never matches.
========================================================================== */
body.chalo-destination a.cat-btn,
body.chalo-destination a.cat-btn:link,
body.chalo-destination a.cat-btn:visited { color: #fff !important; }
body.chalo-destination a.cat-btn:hover { color: #fff !important; background: #b8954e !important; transform: translateY(-2px); }
/* =============================================================
v86 — Migrated from v53-patch-css.php inline style block
Nav hover, button hover, footer, social icons, seasonal CTAs
============================================================= */
.ct-header .header-menu-1>li>a:hover,.ct-header .header-menu-1>li>a:focus,.ct-header .header-menu-1>li.current-menu-item>a,header[data-id="type-1"] .header-menu-1>li>a:hover,header[data-id="type-1"] .header-menu-1>li>a:focus,[data-id="type-1"] [data-menu]>li>a:hover,[data-id="type-1"] [data-menu]>li>a:focus{color:#c8a96e!important}
.ct-header .header-menu-1 .sub-menu a:hover,.ct-header .header-menu-1 .sub-menu li a:hover,header[data-id="type-1"] .sub-menu a:hover{color:#c8a96e!important}
.gb-button:hover,a.gb-button:hover,.wp-block-button__link:hover,.gb-button.reddish-background:hover,input[type="submit"]:hover,button[type="submit"]:hover,.pys-btn:hover,.chalo-destination .pys-btn:hover,.dest-btn:hover,.dest-cat-btn:hover,.dest-safari-btn:hover{background-color:#b8954e!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 8px 25px rgba(200,169,110,0.3);transition:all .3s ease}
.gb-button.reddish-background,a.gb-button.reddish-background{background-color:#c8a96e!important;color:#fff!important;border-radius:0!important}
.chalo-custom-footer,footer .chalo-custom-footer{text-align:center!important}
.chalo-custom-footer .footer-grid{display:flex!important;justify-content:center!important;text-align:center!important}
.chalo-custom-footer .footer-grid>div{text-align:center!important}
.chalo-custom-footer .footer-grid ul{list-style:none!important;padding:0!important;text-align:center!important}
.footer-bottom{text-align:center!important}
.chalo-custom-footer .footer-social a{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:38px!important;border:1px solid rgba(255,255,255,0.25)!important;border-radius:0!important;margin:0 5px!important;transition:all .3s ease!important;color:rgba(255,255,255,0.7)!important}
.chalo-custom-footer .footer-social a:hover{border-color:#c8a96e!important;color:#c8a96e!important;background:rgba(200,169,110,0.1)!important}
.chalo-custom-footer .footer-social svg{width:18px!important;height:18px!important;fill:currentColor!important}
.ct-footer h3[class*="inspired"],.ct-footer .newsletter-title,.chalo-custom-footer h3,footer h3,footer h4,.chalo-custom-footer h4{font-family:'Cormorant Garamond',serif!important;font-style:italic!important;font-size:28px!important;font-weight:400!important;letter-spacing:0.3px!important}
.dest-cat-card .cat-overlay h3{font-size:34px!important}
.chalo-destination .entry-content a.midcta-btn.midcta-btn,body.chalo-destination a.midcta-btn.midcta-btn,a.midcta-btn{display:inline-block!important;background:#c8a96e!important;color:#fff!important;padding:14px 45px!important;font-family:'Inter',sans-serif!important;font-size:13px!important;font-weight:600!important;letter-spacing:2px!important;text-transform:uppercase!important;text-decoration:none!important;transition:all .3s ease!important}
a.midcta-btn:hover{background:#b8954e!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 8px 25px rgba(200,169,110,0.3)}
.chalo-destination .entry-content a.seasonal-btn.seasonal-btn,body.chalo-destination a.seasonal-btn.seasonal-btn,a.seasonal-btn{display:inline-block!important;background:#c8a96e!important;color:#fff!important;padding:14px 45px!important;font-family:'Inter',sans-serif!important;font-size:13px!important;font-weight:600!important;letter-spacing:2px!important;text-transform:uppercase!important;text-decoration:none!important}
a.seasonal-btn:hover{background:#b8954e!important;color:#fff!important}
/* ============================================================
v30m ADDITIONS — Hero sections, enquiry forms, acco cards
2026-04-16
============================================================ */
/* ===== SHARED PAGE HERO (.chalo-page-hero) =====
Used on: Special Offer, Review, Accommodation detail pages
DOM built by JS in respective -css.php stub files
================================================ */
.chalo-page-hero {
position: relative;
width: 100vw;
margin-left: calc(-50vw + 50%);
height: 70vh;
min-height: 480px;
overflow: hidden;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
padding-bottom: 64px;
gap: 10px;
margin-bottom: 60px;
}
.chalo-page-hero::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.1) 40%, rgba(0,0,0,0.65) 100%);
z-index: 1;
pointer-events: none;
}
/* Image fills the hero as background */
.chalo-page-hero .chalo-offer-image,
.chalo-page-hero .chalo-review-image,
.chalo-page-hero .chalo-acco-image {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
.chalo-page-hero .chalo-offer-image img,
.chalo-page-hero .chalo-review-image img,
.chalo-page-hero .chalo-acco-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 0;
}
/* Title: large serif, white, centered over hero */
.chalo-page-hero .chalo-offer-title,
.chalo-page-hero .chalo-review-title,
.chalo-page-hero .chalo-acco-title {
position: relative;
z-index: 2;
color: #fff;
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 52px;
font-weight: 300;
text-align: center;
margin: 0;
padding: 0 40px;
max-width: 900px;
line-height: 1.2;
text-shadow: 0 2px 12px rgba(0,0,0,0.3);
}
/* Subtitle (accommodation only) */
.chalo-page-hero .chalo-acco-subtitle {
position: relative;
z-index: 2;
color: rgba(250, 247, 242, 0.85);
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 400;
text-align: center;
margin: 0;
letter-spacing: 0.5px;
}
/* Section label: gold uppercase tag above title */
.chalo-page-hero .chalo-offer-section-label,
.chalo-page-hero .chalo-review-section-label,
.chalo-page-hero .chalo-acco-section-label {
position: relative;
z-index: 2;
color: #c8a96e;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: 2.5px;
text-transform: uppercase;
text-align: center;
margin: 0;
}
/* Mobile hero */
@media (max-width: 768px) {
.chalo-page-hero {
height: 60vh;
min-height: 360px;
padding-bottom: 40px;
}
.chalo-page-hero .chalo-offer-title,
.chalo-page-hero .chalo-review-title,
.chalo-page-hero .chalo-acco-title {
font-size: 36px;
padding: 0 20px;
}
}
@media (max-width: 480px) {
.chalo-page-hero .chalo-offer-title,
.chalo-page-hero .chalo-review-title,
.chalo-page-hero .chalo-acco-title {
font-size: 28px;
}
}
/* ===== ENQUIRY FORM — DARK GRADIENT (Offers + Accommodation) ===== */
body.single-special-offer .chalo-offer-enquire,
body.single-accommodation .chalo-acco-enquire {
width: 100vw;
margin-left: calc(-50vw + 50%);
background: linear-gradient(135deg, #2c1810 0%, #4a3020 50%, #2c1810 100%);
padding: 80px 40px;
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
margin-top: 60px;
}
body.single-special-offer .chalo-offer-enquire .chalo-offer-heading,
body.single-accommodation .chalo-acco-enquire .chalo-acco-heading {
color: #fff !important;
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 38px !important;
font-weight: 400 !important;
text-align: center !important;
margin-bottom: 8px !important;
}
body.single-special-offer .chalo-offer-enquire p,
body.single-accommodation .chalo-acco-enquire p {
color: rgba(250, 247, 242, 0.75) !important;
font-family: 'Montserrat', sans-serif;
font-size: 15px;
font-weight: 300;
text-align: center;
max-width: 520px;
margin-bottom: 28px;
}
body.single-special-offer .chalo-offer-enquire .wpforms-container,
body.single-accommodation .chalo-acco-enquire .wpforms-container {
width: 100%;
max-width: 680px;
background: rgba(255, 255, 255, 0.04) !important;
border: 1px solid rgba(200, 169, 110, 0.25) !important;
padding: 40px 48px;
border-radius: 0 !important;
}
body.single-special-offer .chalo-offer-enquire .wpforms-field input,
body.single-special-offer .chalo-offer-enquire .wpforms-field textarea,
body.single-special-offer .chalo-offer-enquire .wpforms-field select,
body.single-accommodation .chalo-acco-enquire .wpforms-field input,
body.single-accommodation .chalo-acco-enquire .wpforms-field textarea,
body.single-accommodation .chalo-acco-enquire .wpforms-field select {
border: 1px solid #e8e0d6 !important;
border-radius: 0 !important;
background: #fff !important;
padding: 12px 16px !important;
font-family: 'Montserrat', sans-serif;
font-size: 15px;
color: #333;
}
body.single-special-offer .chalo-offer-enquire .wpforms-field input:focus,
body.single-special-offer .chalo-offer-enquire .wpforms-field textarea:focus,
body.single-accommodation .chalo-acco-enquire .wpforms-field input:focus,
body.single-accommodation .chalo-acco-enquire .wpforms-field textarea:focus {
border-color: #c8a96e !important;
box-shadow: 0 0 0 3px rgba(200, 169, 110, 0.1) !important;
outline: none;
}
body.single-special-offer .chalo-offer-enquire .wpforms-field label,
body.single-accommodation .chalo-acco-enquire .wpforms-field label {
color: rgba(250, 247, 242, 0.8);
font-family: 'Montserrat', sans-serif;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.5px;
text-transform: uppercase;
}
body.single-special-offer .chalo-offer-enquire div.wpforms-container-full .wpforms-form button[type=submit],
body.single-accommodation .chalo-acco-enquire div.wpforms-container-full .wpforms-form button[type=submit] {
background: #c8a96e !important;
color: #fff !important;
border: none !important;
border-radius: 0 !important;
padding: 16px 50px !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
cursor: pointer;
transition: background 0.2s ease, transform 0.2s ease;
}
body.single-special-offer .chalo-offer-enquire div.wpforms-container-full .wpforms-form button[type=submit]:hover,
body.single-accommodation .chalo-acco-enquire div.wpforms-container-full .wpforms-form button[type=submit]:hover {
background: #b8954e !important;
transform: translateY(-2px);
}
@media (max-width: 768px) {
body.single-special-offer .chalo-offer-enquire,
body.single-accommodation .chalo-acco-enquire {
padding: 60px 20px;
}
body.single-special-offer .chalo-offer-enquire .wpforms-container,
body.single-accommodation .chalo-acco-enquire .wpforms-container {
padding: 30px 20px;
}
}
/* ===== ACCOMMODATION CARDS — Portrait Grid (Offers page) ===== */
body.single-special-offer .chalo-offer-acco-grid {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 24px !important;
margin-top: 30px;
}
body.single-special-offer .chalo-offer-acco-card {
border: 1px solid #e8e0d6;
background: #fff;
display: flex !important;
flex-direction: column !important;
transition: box-shadow 0.3s ease, transform 0.3s ease, border-color 0.3s ease;
}
body.single-special-offer .chalo-offer-acco-card:hover {
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
transform: translateY(-3px);
border-color: #c8a96e;
}
body.single-special-offer .chalo-offer-acco-card .chalo-offer-acco-img {
width: 100% !important;
height: 200px !important;
min-height: 200px !important;
flex: 0 0 200px !important;
overflow: hidden !important;
flex-shrink: 0 !important;
}
body.single-special-offer .chalo-offer-acco-card .chalo-offer-acco-img img {
width: 100% !important;
height: 200px !important;
object-fit: cover !important;
display: block;
border-radius: 0 !important;
transition: transform 0.5s ease;
}
body.single-special-offer .chalo-offer-acco-card:hover .chalo-offer-acco-img img {
transform: scale(1.05);
}
body.single-special-offer .chalo-offer-acco-card .chalo-offer-acco-info {
padding: 20px 24px;
display: flex;
flex-direction: column;
gap: 8px;
flex: 1;
}
body.single-special-offer .chalo-offer-acco-card .chalo-offer-acco-name {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 20px !important;
font-weight: 500 !important;
color: #2c1810 !important;
margin: 0;
}
body.single-special-offer .chalo-offer-acco-card .chalo-offer-acco-name a {
color: #2c1810 !important;
text-decoration: none !important;
transition: color 0.2s ease;
}
body.single-special-offer .chalo-offer-acco-card .chalo-offer-acco-name a:hover {
color: #c8a96e !important;
}
body.single-special-offer .chalo-offer-acco-card .chalo-offer-acco-meta {
font-family: 'Montserrat', sans-serif;
font-size: 13px;
font-weight: 300;
color: #6b6560;
display: flex;
align-items: center;
gap: 6px;
margin: 0;
}
body.single-special-offer .chalo-offer-acco-card .chalo-offer-acco-meta .dashicons {
color: #c8a96e;
font-size: 14px;
width: 14px;
height: 14px;
}
@media (max-width: 1024px) {
body.single-special-offer .chalo-offer-acco-grid {
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media (max-width: 640px) {
body.single-special-offer .chalo-offer-acco-grid {
grid-template-columns: 1fr !important;
}
}
/* ===== ACCOMMODATION PAGE INFO STRIP ===== */
body.single-accommodation .chalo-acco-info-strip {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0;
background: #fff;
border-top: 1px solid #e8e0d6;
border-bottom: 1px solid #e8e0d6;
margin-bottom: 60px;
padding: 24px 40px;
}
body.single-accommodation .chalo-acco-info-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
padding: 16px 32px;
border-right: 1px solid #e8e0d6;
text-align: center;
}
body.single-accommodation .chalo-acco-info-item:last-child {
border-right: none;
}
body.single-accommodation .chalo-acco-icon {
color: #c8a96e;
font-size: 24px;
width: 24px;
height: 24px;
}
body.single-accommodation .chalo-acco-info-item span:not(.chalo-acco-icon) {
font-family: 'Montserrat', sans-serif;
font-size: 12px;
font-weight: 400;
color: #6b6560;
letter-spacing: 0.3px;
}/* v88 2026-04-16 */
body.chalo-offer .site-main,body.single-special-offer .site-main,
body.chalo-review .site-main,body.single-reviews .site-main,
body.chalo-accommodation .site-main,body.single-accommodation .site-main,
body.chalo-lp .site-main,body.single-lp .site-main{padding-top:0!important;}
body.chalo-offer .ct-container-full,body.single-special-offer .ct-container-full,
body.chalo-review .ct-container-full,body.single-reviews .ct-container-full,
body.chalo-accommodation .ct-container-full,body.single-accommodation .ct-container-full{padding-top:0!important;}
body.chalo-offer .chalo-page-hero,body.single-special-offer .chalo-page-hero,
body.chalo-review .chalo-page-hero,body.single-reviews .chalo-page-hero,
body.chalo-accommodation .chalo-page-hero,body.single-accommodation .chalo-page-hero{margin-top:-40px!important;}
body.single-special-offer .chalo-offer-enquire,body.chalo-offer .chalo-offer-enquire,
body.single-accommodation .chalo-acco-enquire,body.chalo-accommodation .chalo-acco-enquire,
body.single-reviews .chalo-review-enquire,body.chalo-review .chalo-review-enquire{
width:100vw!important;margin-left:calc(-50vw + 50%)!important;
background:linear-gradient(135deg,#2c1810 0%,#4a3020 50%,#2c1810 100%)!important;
padding:80px 40px!important;display:flex!important;flex-direction:column!important;align-items:center!important;}
body.single-special-offer .chalo-offer-enquire h2,body.single-special-offer .chalo-offer-enquire p,
body.single-accommodation .chalo-acco-enquire h2,body.single-accommodation .chalo-acco-enquire p,
body.single-reviews .chalo-review-enquire h2,body.single-reviews .chalo-review-enquire p{color:#fff!important;}
body.single-special-offer .chalo-offer-enquire .wpforms-container-full,
body.single-accommodation .chalo-acco-enquire .wpforms-container-full,
body.single-reviews .chalo-review-enquire .wpforms-container-full{
background:rgba(255,255,255,.04)!important;border:1px solid rgba(200,169,110,.3)!important;
border-radius:0!important;padding:40px!important;max-width:700px!important;width:100%!important;}
body.single-special-offer .chalo-offer-enquire .wpforms-field input,
body.single-special-offer .chalo-offer-enquire .wpforms-field textarea,
body.single-accommodation .chalo-acco-enquire .wpforms-field input,
body.single-accommodation .chalo-acco-enquire .wpforms-field textarea,
body.single-reviews .chalo-review-enquire .wpforms-field input,
body.single-reviews .chalo-review-enquire .wpforms-field textarea{
border:1px solid #c8a96e!important;border-radius:0!important;
background:rgba(255,255,255,.08)!important;color:#fff!important;padding:12px 16px!important;}
body.single-special-offer .chalo-offer-enquire .wpforms-field label,
body.single-accommodation .chalo-acco-enquire .wpforms-field label,
body.single-reviews .chalo-review-enquire .wpforms-field label{color:rgba(255,255,255,.85)!important;}
div.wpforms-container-full .wpforms-form button[type=submit]{
background:#c8a96e!important;background-color:#c8a96e!important;background-image:none!important;
color:#fff!important;border:none!important;border-radius:0!important;
padding:16px 50px!important;font-family:"Montserrat",sans-serif!important;
font-size:14px!important;font-weight:600!important;letter-spacing:2px!important;
text-transform:uppercase!important;cursor:pointer!important;}
div.wpforms-container-full .wpforms-form button[type=submit]:hover{
background:#b8954e!important;background-color:#b8954e!important;
transform:translateY(-2px)!important;box-shadow:0 8px 25px rgba(200,169,110,.3)!important;}
div.wpforms-container-full .wpforms-form .wpforms-submit-container{background:transparent!important;padding:0!important;text-align:center!important;}
/* v88b 2026-04-16 — specificity fix for enquiry h2 */
body.chalo-safari-v2-page .entry-content .enquiry-section h2:not(#h-out-of-africa):not(#h-plan-your-safari-in-60-seconds),
body.chalo-safari-v2-page .entry-content .enquiry-section h3:not(#h-out-of-africa):not(#h-plan-your-safari-in-60-seconds) {
color: #ffffff !important;
}
/* =====================================================
v89 2026-04-16 — Audit fixes (hero + offer gradients)
===================================================== */
/* FIX 1: Safari v2 hero — dark gradient overlay + force white title text */
body.chalo-safari-v2-page section.hero { position: relative; }
body.chalo-safari-v2-page section.hero::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.08) 35%,rgba(0,0,0,0.55) 100%);
z-index: 1;
pointer-events: none;
}
body.chalo-safari-v2-page section.hero .hero-content {
position: relative;
z-index: 2;
}
body.chalo-safari-v2-page section.hero h1,
body.chalo-safari-v2-page section.hero h2,
body.chalo-safari-v2-page section.hero .hero-title,
body.chalo-safari-v2-page section.hero .hero-subtitle {
color: #ffffff !important;
}
body.chalo-safari-v2-page section.hero .hero-meta,
body.chalo-safari-v2-page section.hero .meta-label {
color: rgba(255,255,255,0.9) !important;
}
/* FIX 2: Destination — nav links white on transparent nav (via :not(.ct-menu-link) in broad rule) */
body.chalo-destination header.ct-header:not(.chalo-scrolled) a.ct-menu-link {
color: #ffffff !important;
}
body.chalo-destination header.ct-header:not(.chalo-scrolled) a.ct-menu-link:hover {
color: rgba(255,255,255,0.75) !important;
}
/* FIX 3: Strengthen hero gradient on offer/accommodation/review pages */
body.single-special-offer .chalo-page-hero::after,
body.chalo-offer .chalo-page-hero::after,
body.single-accommodation .chalo-page-hero::after,
body.chalo-accommodation .chalo-page-hero::after,
body.single-reviews .chalo-page-hero::after,
body.chalo-review .chalo-page-hero::after {
background: linear-gradient(180deg,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.3) 40%,rgba(0,0,0,0.65) 100%) !important;
}
/* === v91: White nav dropdown arrows on transparent nav === */
header.ct-header:not(.chalo-scrolled) .ct-toggle { color: #ffffff !important; fill: #ffffff !important; }
header.ct-header:not(.chalo-scrolled) .ct-toggle svg { fill: #ffffff !important; }
header.ct-header:not(.chalo-scrolled) .ct-toggle svg path,header.ct-header:not(.chalo-scrolled) .ct-toggle svg polyline,header.ct-header:not(.chalo-scrolled) .ct-toggle svg line { stroke: #ffffff !important; fill: none !important; }
header.ct-header.chalo-scrolled .ct-toggle { color: #2c1810 !important; fill: #2c1810 !important; }
header.ct-header.chalo-scrolled .ct-toggle svg path,header.ct-header.chalo-scrolled .ct-toggle svg polyline,header.ct-header.chalo-scrolled .ct-toggle svg line { stroke: #2c1810 !important; }
header.ct-header.chalo-scrolled .site-logo-container img.default-logo { filter: brightness(0) !important; }
header.ct-header:not(.chalo-scrolled) .site-logo-container img.default-logo { filter: none !important; }
/* === v91: White nav dropdown arrows on transparent nav === */
header.ct-header:not(.chalo-scrolled) .ct-toggle { color: #ffffff !important; fill: #ffffff !important; }
header.ct-header:not(.chalo-scrolled) .ct-toggle svg { fill: #ffffff !important; }
header.ct-header:not(.chalo-scrolled) .ct-toggle svg path, header.ct-header:not(.chalo-scrolled) .ct-toggle svg polyline, header.ct-header:not(.chalo-scrolled) .ct-toggle svg line { stroke: #ffffff !important; fill: none !important; }
header.ct-header.chalo-scrolled .ct-toggle { color: #2c1810 !important; fill: #2c1810 !important; }
header.ct-header.chalo-scrolled .ct-toggle svg path, header.ct-header.chalo-scrolled .ct-toggle svg polyline, header.ct-header.chalo-scrolled .ct-toggle svg line { stroke: #2c1810 !important; }
header.ct-header.chalo-scrolled .site-logo-container img.default-logo { filter: brightness(0) !important; }
header.ct-header:not(.chalo-scrolled) .site-logo-container img.default-logo { filter: none !important; }
/* === v91: White nav dropdown arrows on transparent nav === */
header.ct-header:not(.chalo-scrolled) .ct-toggle { color: #ffffff !important; fill: #ffffff !important; }
header.ct-header:not(.chalo-scrolled) .ct-toggle svg { fill: #ffffff !important; }
header.ct-header:not(.chalo-scrolled) .ct-toggle svg path, header.ct-header:not(.chalo-scrolled) .ct-toggle svg polyline, header.ct-header:not(.chalo-scrolled) .ct-toggle svg line { stroke: #ffffff !important; fill: none !important; }
header.ct-header.chalo-scrolled .ct-toggle { color: #2c1810 !important; fill: #2c1810 !important; }
header.ct-header.chalo-scrolled .ct-toggle svg path, header.ct-header.chalo-scrolled .ct-toggle svg polyline, header.ct-header.chalo-scrolled .ct-toggle svg line { stroke: #2c1810 !important; }
header.ct-header.chalo-scrolled .site-logo-container img.default-logo { filter: brightness(0) !important; }
header.ct-header:not(.chalo-scrolled) .site-logo-container img.default-logo { filter: none !important; }
/* === v91b: Higher-specificity logo filter for scrolled nav === */
html body header.ct-header.chalo-scrolled .site-logo-container img.default-logo { filter: brightness(0) !important; }
html body header.ct-header:not(.chalo-scrolled) .site-logo-container img.default-logo { filter: none !important; }
/* === Hero full-width / flush-top fixes (audit 2026-04-21) === */
/* Camps & Lodges listing (46466) + Offers listing (46232) */
/* Remove GB block's inline padding:5% horizontal and 15% vertical */
body.page-id-46466 .gb-layout-hero-1,
body.page-id-46232 .gb-layout-hero-1 {
padding: 0 !important;
}
body.page-id-46466 .gb-layout-hero-1 .gb-container-inside,
body.page-id-46232 .gb-layout-hero-1 .gb-container-inside {
padding: 0 !important;
}
/* Safari listing (46296) - same inline padding + 40px collapsed-margin top gap */
body.page-id-46296 .gb-layout-hero-1 {
padding: 0 !important;
}
body.page-id-46296 .gb-layout-hero-1 .gb-container-inside {
padding: 0 !important;
}
body.page-id-46296 .ct-container-full {
margin-top: -40px !important;
}
/* Ensure all GB hero containers start flush with viewport on hero pages */
body.page-id-46466 .site-main,
body.page-id-46232 .site-main {
padding-top: 0 !important;
margin-top: 0 !important;
}
/* Hero padding high-specificity override (v92) */
body.page-id-46466 .gb-block-container.gb-layout-hero-1,
body.page-id-46232 .gb-block-container.gb-layout-hero-1 { padding: 0 !important; }
body.page-id-46296 .gb-block-container.gb-layout-hero-1 { padding: 0 !important; }
body.page-id-46466 .site-main, body.page-id-46232 .site-main { padding-top: 0 !important; margin-top: 0 !important; }
body.page-id-46296 .ct-container-full { margin-top: -40px !important; }
/* ================================================================
v93 — GLOBAL HERO: image cover + gradient overlay + centred text
================================================================ */
body:not(.home) .gb-layout-hero-1 {
position: relative !important;
overflow: hidden !important;
min-height: 70vh !important;
display: flex !important;
align-items: stretch !important;
}
body:not(.home) .gb-layout-hero-1 .gb-container-inside {
position: relative !important;
z-index: 2 !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
min-height: 70vh !important;
width: 100% !important;
text-align: center !important;
padding: 100px 40px !important;
}
body:not(.home) .gb-layout-hero-1 .gb-container-image-wrap {
position: absolute !important;
top: 0 !important; left: 0 !important;
right: 0 !important; bottom: 0 !important;
width: 100% !important; height: 100% !important;
z-index: 0 !important;
overflow: hidden !important;
}
body:not(.home) .gb-layout-hero-1 .gb-container-image {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center center !important;
display: block !important;
max-width: none !important;
}
body:not(.home) .gb-layout-hero-1 .gb-container-content {
position: relative !important;
z-index: 2 !important;
text-align: center !important;
width: 100% !important;
max-width: 900px !important;
margin: 0 auto !important;
}
body:not(.home) .gb-layout-hero-1::after {
content: "" !important;
position: absolute !important;
top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.1) 40%, rgba(0,0,0,0.55) 100%) !important;
z-index: 1 !important;
pointer-events: none !important;
}
body:not(.home) .gb-layout-hero-1 h1,
body:not(.home) .gb-layout-hero-1 h2,
body:not(.home) .gb-layout-hero-1 h3 {
color: #ffffff !important;
text-align: center !important;
font-family: "Cormorant Garamond", Georgia, serif !important;
}
body:not(.home) .gb-layout-hero-1 h1 {
font-size: clamp(38px, 5vw, 72px) !important;
font-weight: 300 !important;
letter-spacing: 0.05em !important;
line-height: 1.1 !important;
margin-bottom: 16px !important;
}
body:not(.home) .gb-layout-hero-1 p {
color: rgba(255,255,255,0.88) !important;
text-align: center !important;
font-family: "Montserrat", sans-serif !important;
font-size: 16px !important;
font-weight: 300 !important;
letter-spacing: 0.5px !important;
margin-top: 0 !important;
}
@media (max-width: 768px) {
body:not(.home) .gb-layout-hero-1,
body:not(.home) .gb-layout-hero-1 .gb-container-inside { min-height: 55vh !important; }
body:not(.home) .gb-layout-hero-1 h1 { font-size: clamp(28px, 7vw, 48px) !important; }
body:not(.home) .gb-layout-hero-1 .gb-container-inside { padding: 80px 24px !important; }
}
.chalo-page-hero { position: relative !important; }
.chalo-page-hero::after {
content: "" !important; position: absolute !important; inset: 0;
background: linear-gradient(180deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.08) 35%, rgba(0,0,0,0.6) 100%) !important;
z-index: 1 !important; pointer-events: none !important;
}
.chalo-page-hero h1, .chalo-page-hero h2 { color: #ffffff !important; text-align: center !important; }
body.chalo-safari-v2-page section.hero { position: relative !important; }
body.chalo-safari-v2-page section.hero::after {
content: "" !important; position: absolute !important; inset: 0;
background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.08) 35%, rgba(0,0,0,0.55) 100%) !important;
z-index: 1 !important; pointer-events: none !important;
}
body.chalo-safari-v2-page section.hero h1,
body.chalo-safari-v2-page section.hero .hero-title,
body.chalo-safari-v2-page section.hero .hero-subtitle { color: #ffffff !important; }
.chalo-destination .dest-hero { position: relative !important; }
.chalo-destination .dest-hero::after {
content: "" !important; position: absolute !important; inset: 0;
background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.08) 35%, rgba(0,0,0,0.6) 100%) !important;
z-index: 1 !important; pointer-events: none !important;
}
.chalo-destination .dest-hero h1,
.chalo-destination .dest-hero .dest-hero-title { color: #ffffff !important; text-align: center !important; }
/* ================================================================
v93 GLOBAL HERO: GB image cover + gradient overlay + centred text
================================================================ */
body:not(.home) .gb-layout-hero-1 {
position: relative !important;
overflow: hidden !important;
min-height: 70vh !important;
display: flex !important;
align-items: stretch !important;
}
body:not(.home) .gb-layout-hero-1 .gb-container-inside {
position: relative !important;
z-index: 2 !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
min-height: 70vh !important;
width: 100% !important;
text-align: center !important;
padding: 100px 40px !important;
}
body:not(.home) .gb-layout-hero-1 .gb-container-image-wrap {
position: absolute !important;
top: 0 !important; left: 0 !important;
right: 0 !important; bottom: 0 !important;
width: 100% !important; height: 100% !important;
z-index: 0 !important;
overflow: hidden !important;
}
body:not(.home) .gb-layout-hero-1 .gb-container-image {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center center !important;
display: block !important;
max-width: none !important;
}
body:not(.home) .gb-layout-hero-1 .gb-container-content {
position: relative !important;
z-index: 2 !important;
text-align: center !important;
width: 100% !important;
max-width: 900px !important;
margin: 0 auto !important;
}
body:not(.home) .gb-layout-hero-1::after {
content: "" !important;
position: absolute !important;
top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.1) 40%, rgba(0,0,0,0.55) 100%) !important;
z-index: 1 !important;
pointer-events: none !important;
}
body:not(.home) .gb-layout-hero-1 h1,
body:not(.home) .gb-layout-hero-1 h2,
body:not(.home) .gb-layout-hero-1 h3 {
color: #ffffff !important;
text-align: center !important;
font-family: "Cormorant Garamond", Georgia, serif !important;
}
body:not(.home) .gb-layout-hero-1 h1 {
font-size: clamp(38px, 5vw, 72px) !important;
font-weight: 300 !important;
letter-spacing: 0.05em !important;
line-height: 1.1 !important;
margin-bottom: 16px !important;
}
body:not(.home) .gb-layout-hero-1 p {
color: rgba(255,255,255,0.88) !important;
text-align: center !important;
font-family: "Montserrat", sans-serif !important;
font-size: 16px !important;
font-weight: 300 !important;
letter-spacing: 0.5px !important;
margin-top: 0 !important;
}
@media (max-width: 768px) {
body:not(.home) .gb-layout-hero-1,
body:not(.home) .gb-layout-hero-1 .gb-container-inside { min-height: 55vh !important; }
body:not(.home) .gb-layout-hero-1 h1 { font-size: clamp(28px, 7vw, 48px) !important; }
body:not(.home) .gb-layout-hero-1 .gb-container-inside { padding: 80px 24px !important; }
}
.chalo-page-hero { position: relative !important; }
.chalo-page-hero::after {
content: "" !important; position: absolute !important;
top:0;left:0;right:0;bottom:0;
background: linear-gradient(180deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.08) 35%, rgba(0,0,0,0.6) 100%) !important;
z-index: 1 !important; pointer-events: none !important;
}
.chalo-page-hero h1, .chalo-page-hero h2 { color: #ffffff !important; text-align: center !important; }
body.chalo-safari-v2-page section.hero { position: relative !important; }
body.chalo-safari-v2-page section.hero::after {
content: "" !important; position: absolute !important; top:0;left:0;right:0;bottom:0;
background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.08) 35%, rgba(0,0,0,0.55) 100%) !important;
z-index: 1 !important; pointer-events: none !important;
}
body.chalo-safari-v2-page section.hero h1,
body.chalo-safari-v2-page section.hero .hero-title,
body.chalo-safari-v2-page section.hero .hero-subtitle { color: #ffffff !important; }
.chalo-destination .dest-hero { position: relative !important; }
.chalo-destination .dest-hero::after {
content: "" !important; position: absolute !important; top:0;left:0;right:0;bottom:0;
background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.08) 35%, rgba(0,0,0,0.6) 100%) !important;
z-index: 1 !important; pointer-events: none !important;
}
.chalo-destination .dest-hero h1,
.chalo-destination .dest-hero .dest-hero-title { color: #ffffff !important; text-align: center !important; }
/* === v93: Global hero layout === */
body:not(.home) .gb-layout-hero-1 { position:relative!important; overflow:hidden!important; min-height:70vh!important; display:flex!important; align-items:stretch!important; }
body:not(.home) .gb-layout-hero-1 .gb-container-image-wrap { position:absolute!important; top:0!important; left:0!important; right:0!important; bottom:0!important; width:100%!important; height:100%!important; z-index:0!important; overflow:hidden!important; }
body:not(.home) .gb-layout-hero-1 .gb-container-image { width:100%!important; height:100%!important; object-fit:cover!important; object-position:center center!important; display:block!important; max-width:none!important; }
body:not(.home) .gb-layout-hero-1 .gb-container-inside { position:relative!important; z-index:2!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; min-height:70vh!important; width:100%!important; text-align:center!important; padding:100px 40px!important; }
body:not(.home) .gb-layout-hero-1 .gb-container-content { position:relative!important; z-index:2!important; text-align:center!important; width:100%!important; max-width:900px!important; margin:0 auto!important; }
body:not(.home) .gb-layout-hero-1::after { content:''!important; position:absolute!important; top:0!important; left:0!important; right:0!important; bottom:0!important; background:linear-gradient(180deg,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.1) 40%,rgba(0,0,0,0.55) 100%)!important; z-index:1!important; pointer-events:none!important; }
body:not(.home) .gb-layout-hero-1 h1,body:not(.home) .gb-layout-hero-1 h2,body:not(.home) .gb-layout-hero-1 h3 { color:#ffffff!important; text-align:center!important; }
body:not(.home) .gb-layout-hero-1 h1 { font-size:clamp(38px,5vw,72px)!important; font-weight:300!important; letter-spacing:0.05em!important; line-height:1.1!important; margin-bottom:16px!important; }
body:not(.home) .gb-layout-hero-1 p { color:rgba(255,255,255,0.88)!important; text-align:center!important; font-size:16px!important; font-weight:300!important; }
@media(max-width:768px){body:not(.home) .gb-layout-hero-1{min-height:55vh!important}body:not(.home) .gb-layout-hero-1 .gb-container-inside{min-height:55vh!important;padding:80px 24px!important}body:not(.home) .gb-layout-hero-1 h1{font-size:clamp(28px,7vw,48px)!important}}
/* === v94: Dropdown arrow white on transparent nav (all pages) === */
header.ct-header:not(.chalo-scrolled) .ct-toggle-dropdown-desktop svg,
header.ct-header:not(.chalo-scrolled) .ct-toggle-dropdown-desktop svg path,
header.ct-header:not(.chalo-scrolled) .ct-toggle-dropdown-desktop svg polyline,
header.ct-header:not(.chalo-scrolled) .ct-toggle-dropdown-desktop svg line {
fill: #ffffff !important;
color: #ffffff !important;
stroke: #ffffff !important;
}
header.ct-header.chalo-scrolled .ct-toggle-dropdown-desktop svg,
header.ct-header.chalo-scrolled .ct-toggle-dropdown-desktop svg path,
header.ct-header.chalo-scrolled .ct-toggle-dropdown-desktop svg polyline,
header.ct-header.chalo-scrolled .ct-toggle-dropdown-desktop svg line {
fill: #2c1810 !important;
color: #2c1810 !important;
stroke: #2c1810 !important;
}
/* === v95: Plan Your Safari CTA — global white text + bg fix === */
#plan-your-safari-cta h2,
#plan-your-safari-cta h3,
#plan-your-safari-cta h4 { color: #ffffff !important; }
#plan-your-safari-cta p { color: rgba(255,255,255,0.85) !important; }
body:not(.page-id-46296) #plan-your-safari-cta {
background-image: url('https://www.chaloafrica.com/wp-content/uploads/2026/03/tribal-pattern-africa.jpg') !important;
background-size: cover !important;
background-color: #2c1810 !important;
position: relative !important;
padding: 80px 40px !important;
overflow: hidden !important;
}
body:not(.page-id-46296) #plan-your-safari-cta::before {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(rgba(44,24,16,0.45) 0%, rgba(44,24,16,0.25) 50%, rgba(44,24,16,0.45) 100%) !important;
z-index: 0 !important;
pointer-events: none !important;
}
body:not(.page-id-46296) #plan-your-safari-cta > * { position: relative !important; z-index: 1 !important; }
.camps-plan-cta::before { background: linear-gradient(rgba(44,24,16,0.45) 0%, rgba(44,24,16,0.25) 50%, rgba(44,24,16,0.45) 100%) !important; }
.camps-plan-cta h2, .camps-plan-cta h3, .camps-plan-cta h4 { color: #ffffff !important; }
.camps-plan-cta p { color: rgba(255,255,255,0.85) !important; }
/* === v95b: CTA headings — high-specificity white override === */
#plan-your-safari-cta h2:not(#_a):not(#_b):not(#_c),
#plan-your-safari-cta h3:not(#_a):not(#_b):not(#_c),
#plan-your-safari-cta h4:not(#_a):not(#_b):not(#_c) { color: #ffffff !important; }
.camps-plan-cta h2:not(#_a):not(#_b):not(#_c),
.camps-plan-cta h3:not(#_a):not(#_b):not(#_c),
.camps-plan-cta h4:not(#_a):not(#_b):not(#_c) { color: #ffffff !important; }
/* === v96: Match homepage CTA gradient — transparent bg + black overlay === */
.camps-plan-cta { background-color: transparent !important; }
.camps-plan-cta::before { background: linear-gradient(rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.4) 80%, rgba(0,0,0,0.55) 100%) !important; }
body:not(.page-id-46296) #plan-your-safari-cta { background-color: transparent !important; }
body:not(.page-id-46296) #plan-your-safari-cta::before { background: linear-gradient(rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.4) 80%, rgba(0,0,0,0.55) 100%) !important; }
/* =============================================================
v97: Bundled fixes — nav arrow scrolled, diff icons, acco-type badge, filter 1300px, camp card desc
============================================================= */
/* 1. Nav dropdown arrow — DARK on scrolled (white header) state */
header.ct-header.chalo-scrolled .ct-toggle-dropdown-desktop:not(#_x) svg,
header.ct-header.chalo-scrolled .ct-toggle-dropdown-desktop:not(#_x) svg path,
header.ct-header.chalo-scrolled .ct-toggle-dropdown-desktop:not(#_x) svg polyline,
header.ct-header.chalo-scrolled .ct-toggle-dropdown-desktop:not(#_x) svg line {
fill: #2c1810 !important;
color: #2c1810 !important;
stroke: #2c1810 !important;
}
/* 2. Diff icons — remove border/background, clean look */
.camps-diff-icon {
background: transparent !important;
border: none !important;
box-shadow: none !important;
width: auto !important;
height: auto !important;
}
/* 3. Diff section — larger fonts */
.camps-diff-item h3,
.camps-diff-item h4 {
font-size: 22px !important;
margin-bottom: 8px !important;
}
.camps-diff-item p {
font-size: 15px !important;
line-height: 1.65 !important;
color: #4a4340 !important;
}
/* 4. Accommodation type badge — clean text only, no pill box */
[class*="acco-type"],
.camp-acco-type,
.chalo-acco-type {
background: transparent !important;
border: none !important;
box-shadow: none !important;
font-size: 11px !important;
font-weight: 500 !important;
color: #6b6560 !important;
letter-spacing: 0.5px !important;
text-transform: uppercase !important;
padding: 0 !important;
border-radius: 0 !important;
}
/* 5. Listing page filter — max 1300px */
body.page-id-46296 #safari-filters-wrap {
max-width: 1300px !important;
padding: 40px 60px !important;
box-sizing: border-box !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* 6. Camp card description — 3-line clamp */
.camp-card-desc {
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
font-size: 13px !important;
color: #6b6560 !important;
line-height: 1.55 !important;
padding: 6px 0 0 !important;
font-family: 'Montserrat', sans-serif !important;
font-weight: 300 !important;
max-height: none !important;
}
/* v97b: Higher-specificity overrides — diff icon + item fonts */
body.page-id-46466 .camps-diff-icon,
body.page-id-46232 .camps-diff-icon {
background: transparent !important;
border: none !important;
box-shadow: none !important;
width: auto !important;
height: auto !important;
}
body.page-id-46466 .camps-diff-item h3,
body.page-id-46466 .camps-diff-item h4,
body.page-id-46232 .camps-diff-item h3,
body.page-id-46232 .camps-diff-item h4 {
font-size: 22px !important;
margin-bottom: 8px !important;
}
body.page-id-46466 .camps-diff-item p,
body.page-id-46232 .camps-diff-item p {
font-size: 15px !important;
line-height: 1.65 !important;
color: #4a4340 !important;
}
/* =======================================================================
v98 — No linear-gradient backgrounds on sections; filter redesign
======================================================================= */
/* 1. Remove gradient from ALL dark CTA / enquiry / sidebar header sections
Replace: linear-gradient(135deg, #2c1810 ...) → flat #2c1810
----------------------------------------------------------------------- */
.enquiry-card-header,
.tour-luxury-sidebar-inner .enquiry-card-header,
.tour-enquire-section,
.chalo-offer-enquire,
.chalo-acco-enquire,
.chalo-review-enquire,
.chalo-lp-enquire,
body:not(.page-id-46296) #plan-your-safari-cta,
.camps-plan-cta,
.dest-cta-section,
.safari-cta-section,
[class*="enquire-section"],
[class*="dark-cta"],
.chalo-custom-footer {
background-image: none !important;
}
.enquiry-card-header,
.tour-luxury-sidebar-inner .enquiry-card-header {
background: #2c1810 !important;
}
.tour-enquire-section,
.chalo-offer-enquire,
.chalo-acco-enquire,
.chalo-review-enquire,
.chalo-lp-enquire {
background: #2c1810 !important;
}
/* 2. Hero overlay ::after pseudo-elements — keep only rgba, no colour gradient
Change multi-stop colour gradients to simple rgba overlay
----------------------------------------------------------------------- */
/* Hero overlays remain (needed for legibility) — only remove background-color gradients */
/* 3. HR section dividers — simplify to solid 1px gold line (no fade-in gradient)
----------------------------------------------------------------------- */
hr.wp-block-separator,
.entry-content hr:not([class*="wp-block"]),
.dest-hr,
hr[class*="chalo"] {
background: #c8a96e !important;
background-image: none !important;
height: 1px !important;
border: none !important;
max-width: 60px !important;
opacity: 0.7 !important;
}
/* =======================================================================
v98 — Filter section redesign (listing page #46296)
======================================================================= */
/* Container */
body.page-id-46296 #safari-filters-wrap {
max-width: 1300px !important;
margin: 0 auto 48px !important;
padding: 36px 60px 28px !important;
background: #faf7f2 !important;
border: 1px solid #e8e0d6 !important;
border-top: 3px solid #c8a96e !important;
box-sizing: border-box !important;
}
/* Heading above filters */
body.page-id-46296 #safari-filters-wrap .fwpl-heading,
body.page-id-46296 #safari-filters-wrap > h3,
body.page-id-46296 #safari-filters-wrap > p:first-child {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 26px !important;
font-weight: 400 !important;
color: #2c1810 !important;
letter-spacing: 0.3px !important;
margin-bottom: 20px !important;
text-align: left !important;
}
/* Filter grid — 5 equal columns */
body.page-id-46296 #safari-filters-wrap .fwpl-facets,
body.page-id-46296 .fwpl-facets {
display: grid !important;
grid-template-columns: repeat(5, 1fr) !important;
gap: 12px !important;
align-items: end !important;
}
/* Individual facet labels */
body.page-id-46296 .facetwp-facet label,
body.page-id-46296 .fwpl-facets label {
font-family: 'Montserrat', sans-serif !important;
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: 0.5px !important;
text-transform: uppercase !important;
color: #6b6560 !important;
display: block !important;
margin-bottom: 6px !important;
}
/* Dropdowns */
body.page-id-46296 .facetwp-facet select,
body.page-id-46296 #price-dropdown-wrap select,
body.page-id-46296 #duration-dropdown-wrap select {
width: 100% !important;
border: 1px solid #e8e0d6 !important;
border-radius: 0 !important;
background: #fff !important;
color: #4a4340 !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 13px !important;
font-weight: 400 !important;
padding: 10px 14px !important;
appearance: none !important;
-webkit-appearance: none !important;
cursor: pointer !important;
transition: border-color 0.2s !important;
}
body.page-id-46296 .facetwp-facet select:focus,
body.page-id-46296 #price-dropdown-wrap select:focus,
body.page-id-46296 #duration-dropdown-wrap select:focus {
outline: none !important;
border-color: #c8a96e !important;
box-shadow: 0 0 0 3px rgba(200,169,110,0.12) !important;
}
/* Checkboxes / list facets */
body.page-id-46296 .facetwp-checkbox {
font-family: 'Montserrat', sans-serif !important;
font-size: 13px !important;
color: #4a4340 !important;
padding: 4px 0 !important;
}
body.page-id-46296 .facetwp-checkbox.checked,
body.page-id-46296 .facetwp-checkbox:hover {
color: #c8a96e !important;
}
/* noUi slider */
body.page-id-46296 .noUi-connect {
background: #c8a96e !important;
}
body.page-id-46296 .noUi-handle {
border-radius: 0 !important;
background: #c8a96e !important;
border: none !important;
box-shadow: none !important;
}
body.page-id-46296 .noUi-handle::before,
body.page-id-46296 .noUi-handle::after {
display: none !important;
}
/* Slider row wrapper */
body.page-id-46296 .slider-row-wrap {
grid-column: span 2 !important;
}
/* Filter submit / reset buttons */
body.page-id-46296 .facetwp-reset,
body.page-id-46296 [class*="facetwp-reset"] {
background: transparent !important;
border: 1px solid #e8e0d6 !important;
color: #6b6560 !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
padding: 8px 16px !important;
cursor: pointer !important;
transition: all 0.2s !important;
}
body.page-id-46296 .facetwp-reset:hover {
border-color: #c8a96e !important;
color: #c8a96e !important;
}
/* Mobile */
@media (max-width: 900px) {
body.page-id-46296 #safari-filters-wrap {
padding: 24px 20px 20px !important;
}
body.page-id-46296 .fwpl-facets {
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media (max-width: 600px) {
body.page-id-46296 .fwpl-facets {
grid-template-columns: 1fr !important;
}
}
/* =======================================================================
v99 — Hero height/gradient, Exploring 3-line, CTA text, button hover
======================================================================= */
/* 1. Listing page hero — taller */
body.page-id-46296 .gb-block-container.gb-layout-hero-1,
body.page-id-46296 .gb-layout-hero-1 {
min-height: 85vh !important;
}
body.page-id-46296 .gb-container-inside {
min-height: 85vh !important;
}
/* 2. Hero gradient overlay — stronger dark vignette */
body.page-id-46296 .gb-block-container.gb-layout-hero-1::after,
body.page-id-46296 .gb-layout-hero-1::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
z-index: 1 !important;
background: linear-gradient(180deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.65) 100%) !important;
pointer-events: none !important;
}
/* 3. Plan Your Safari CTA — white heading + body text */
#plan-your-safari-cta h2,
#plan-your-safari-cta h3,
#plan-your-safari-cta h4,
#plan-your-safari-cta p,
#plan-your-safari-cta span:not(.gb-button-text) {
color: #ffffff !important;
}
.camps-plan-cta h2,
.camps-plan-cta h3,
.camps-plan-cta p {
color: #ffffff !important;
}
/* 4. Plan Your Safari button — visible hover state */
#plan-your-safari-cta .gb-button,
#plan-your-safari-cta a.gb-button,
#plan-your-safari-cta .wp-block-button__link {
background: #c8a96e !important;
color: #ffffff !important;
border: 2px solid #c8a96e !important;
transition: all 0.25s ease !important;
}
#plan-your-safari-cta .gb-button:hover,
#plan-your-safari-cta a.gb-button:hover,
#plan-your-safari-cta .wp-block-button__link:hover {
background: transparent !important;
color: #ffffff !important;
border-color: #ffffff !important;
transform: translateY(-2px) !important;
}
.camps-plan-cta .gb-button,
.camps-plan-cta a.gb-button {
background: #c8a96e !important;
color: #ffffff !important;
border: 2px solid #c8a96e !important;
}
.camps-plan-cta .gb-button:hover,
.camps-plan-cta a.gb-button:hover {
background: transparent !important;
border-color: #ffffff !important;
color: #ffffff !important;
}
/* 5. Exploring text — 3-line clamp with proper spacing */
body.page-id-46296 .el-15zqk.fwpl-item {
-webkit-line-clamp: 3 !important;
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
max-height: none !important;
padding: 10px 0 8px !important;
line-height: 1.55 !important;
}
/* v100 */ #plan-your-safari-cta .pys-btn:hover,.camps-plan-cta a:hover{background:transparent!important;border:2px solid #fff!important;color:#fff!important;transform:translateY(-2px)!important;} .facetwp-facet-tour_price .facetwp-slider-wrap,.facetwp-facet-tour_duration .facetwp-slider-wrap{display:none!important;} .chalo-filter-select{width:100%;padding:10px 14px;border:1px solid #e8e0d6;border-radius:0!important;background:#fff;font-family:Montserrat,sans-serif;font-size:13px;color:#4a4340;cursor:pointer;-webkit-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;} .chalo-filter-select:focus{border-color:#c8a96e!important;box-shadow:0 0 0 3px rgba(200,169,110,.1);outline:none;} .chalo-filter-select-wrap label{display:block;font-family:Montserrat,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;color:#6b6560;margin-bottom:6px;}
/* v31e: Listing hero gradient — apply on image-wrap (inside gb-container-inside z:2, so hero::after is hidden beneath it) */
body.page-id-46296 .gb-layout-hero-1 .gb-container-image-wrap {
position: absolute !important;
inset: 0 !important;
z-index: 0 !important;
}
body.page-id-46296 .gb-layout-hero-1 .gb-container-image-wrap::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(180deg, rgba(0,0,0,0.60) 0%, rgba(0,0,0,0.35) 45%, rgba(0,0,0,0.70) 100%) !important;
z-index: 1 !important;
pointer-events: none !important;
}
/* v31e: Hero height increase to ~100vh */
body.page-id-46296 .gb-layout-hero-1,
.page-id-46296 .gb-layout-hero-1 {
min-height: 100vh !important;
}
/* v31f: Hero height — match specificity (0,3,1) of the 85vh rule at idx 2402 to override */
body.page-id-46296 .gb-block-container.gb-layout-hero-1 {
min-height: 100vh !important;
}
/* v31g: Logo fix — remove brightness(0) on scroll. 4x duplicate brightness(0) !important rules at idx 2280/2287/2294/2296 (from v91 FILE_APPEND passes) were turning logo black. Override with same max-specificity rule placed after them. */
html body header.ct-header.chalo-scrolled .site-logo-container img.default-logo,
html body header.ct-header.ct-sticky .site-logo-container img.default-logo {
filter: none !important;
}
/* v31h: Listing page — centre explore heading + lock filter wrap to 1157px */
body.page-id-46296 #safari-filters-wrap {
max-width: 1157px !important;
}
body.page-id-46296 #safari-filters-wrap h3,
body.page-id-46296 #h-explore-all-our-itineraries {
text-align: center !important;
width: 100% !important;
}
/* ==========================================================================
LOGO SCROLL FIX (v104, merged into main stylesheet)
Unscrolled transparent nav: show white-text logo (logo-0, data-URI by JS),
hide black-text logo (logo-1). Scrolled white nav: swap.
Uses [src*] attribute selectors — each logo is in its own .site-logo-container.
========================================================================== */
/* Unscrolled: hide black-text logo on all pages */
body header.ct-header:not(.chalo-scrolled) img.default-logo[src*="logo-chalo-africa-inc"] {
display: none !important;
opacity: 0 !important;
}
/* Scrolled: hide white-text/data-URI logo */
body header.ct-header.chalo-scrolled img.default-logo[src*="chalo-logo-dark"] {
display: none !important;
opacity: 0 !important;
}
/* Scrolled: show black-text logo */
body header.ct-header.chalo-scrolled img.default-logo[src*="logo-chalo-africa-inc"] {
display: block !important;
opacity: 1 !important;
filter: none !important;
visibility: visible !important;
}
/* Listing page: beat dead v56 data-listing-scrolled rule (specificity 0,5,2) */
body.page-id-46296 header.ct-header:not(.chalo-scrolled) img.default-logo[src*="logo-chalo-africa-inc"] {
display: none !important;
opacity: 0 !important;
}
body.page-id-46296 header.ct-header.chalo-scrolled img.default-logo[src*="chalo-logo-dark"] {
display: none !important;
opacity: 0 !important;
}
body.page-id-46296 header.ct-header.chalo-scrolled img.default-logo[src*="logo-chalo-africa-inc"] {
display: block !important;
opacity: 1 !important;
filter: none !important;
visibility: visible !important;
}
/* Listing page CTA paragraph: solid white weight-400
Specificity (2,3,2) — beats .pys-inner p rule earlier in this file */
body.page-id-46296.page-id-46296 #plan-your-safari-cta#plan-your-safari-cta .pys-inner p { /* v104-cta-p-fix */
font-weight: 400 !important;
opacity: 1 !important;
color: #ffffff !important;
}
/* === Logo class-based swap v104b === */
/* White-text (data URI) logo: show on transparent nav, hide on scrolled white nav */
header.ct-header img.default-logo.chalo-white-logo {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
}
header.ct-header.chalo-scrolled img.default-logo.chalo-white-logo {
display: none !important;
}
/* Non-converted logo: hide on transparent nav (existing [src*] rule handles scrolled show) */
header.ct-header:not(.chalo-scrolled) img.default-logo:not(.chalo-white-logo)[src*="logo-chalo-africa-inc"] {
display: none !important;
}
header.ct-header.chalo-scrolled img.default-logo:not(.chalo-white-logo)[src*="logo-chalo-africa-inc"] {
display: block !important;
}
/* === v-audit: sidebar-card-header dark gradient fix === */
body.chalo-safari-v2-page .sidebar-card-header,
body.single-safari-tours .sidebar-card-header {
background: linear-gradient(135deg, #2c1810 0%, #4a3020 50%, #2c1810 100%) !important;
background-image: linear-gradient(135deg, #2c1810 0%, #4a3020 50%, #2c1810 100%) !important;
color: #ffffff !important;
border-radius: 0 !important;
}
body.chalo-safari-v2-page .sidebar-card-header h2,
body.chalo-safari-v2-page .sidebar-card-header h3,
body.chalo-safari-v2-page .sidebar-card-header .sidebar-title,
body.chalo-safari-v2-page .sidebar-card-header .sidebar-subtitle,
body.single-safari-tours .sidebar-card-header h2,
body.single-safari-tours .sidebar-card-header h3 {
color: #ffffff !important;
}
body.chalo-safari-v2-page .sidebar-card-header .sidebar-price {
color: #c8a96e !important;
font-family: 'Cormorant Garamond', serif !important;
font-size: 36px !important;
font-weight: 500 !important;
}
body.chalo-safari-v2-page .sidebar-card-header .sidebar-price-sub {
color: rgba(255,255,255,0.7) !important;
font-size: 13px !important;
}
/* Fix border-radius on sidebar container */
body.chalo-safari-v2-page .sidebar-sticky,
body.chalo-safari-v2-page .sidebar-card {
border-radius: 0 !important;
overflow: visible !important;
}
/* === v-audit: standalone button + WPForms multi-step fixes === */
body.chalo-standalone a.wp-block-button__link, body.chalo-standalone .wp-element-button:not([class*="ct-toggle"]) { background-color: #c8a96e !important; color: #ffffff !important; border-radius: 0 !important; border: none !important; }
body.chalo-standalone a.wp-block-button__link:hover, body.chalo-standalone .wp-element-button:not([class*="ct-toggle"]):hover { background-color: #b8954e !important; }
.wpforms-page-button { background: #c8a96e !important; color: #ffffff !important; border-radius: 0 !important; border: none !important; padding: 14px 40px !important; font-family: Montserrat,sans-serif !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: 2px !important; text-transform: uppercase !important; }
.wpforms-page-button:hover { background: #b8954e !important; box-shadow: 0 8px 25px rgba(200,169,110,.3) !important; }
.wpforms-page-button.wpforms-page-prev { background: transparent !important; color: #c8a96e !important; border: 1px solid #c8a96e !important; }
.wpforms-page-indicator-page-progress { background-color: #c8a96e !important; background: #c8a96e !important; }
body.page-id-8795 .gb-block-container.gb-layout-hero-1, body.page-id-8795 .gb-layout-hero-1 { min-height: 50vh !important; }
body.page-id-8795 .gb-container-inside { min-height: 50vh !important; }
/* === end v-audit fixes === */
/* =========================================================
INNER PAGES COMPREHENSIVE REDESIGN — v2 patch
Appended to chalo-styles-v31k.css
Covers: generic inner pages, country camps listing pages,
page 46287 turquoise fix, FacetWP global card links,
Blocksy hero section, travel guides, standalone pages
Date: 2026-05-15
========================================================= */
/* ---------------------------------------------------------
1. BLOCKSY PAGE HERO SECTION — generic inner pages
Applies to Blocksy's .hero-section (page header) on
standard pages that don't have a specific redesign class.
--------------------------------------------------------- */
body.page-template-default .hero-section,
body.page-template-default .hero-section[data-type="type-1"],
body.page-template-default .hero-section[data-type="type-2"] {
background: linear-gradient(135deg, #2c1810 0%, #4a3020 50%, #2c1810 100%) !important;
min-height: 320px !important;
display: flex !important;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 80px 40px 60px !important;
text-align: center;
position: relative;
}
/* Already-handled pages — don't override their hero */
body.chalo-standalone .hero-section,
body.chalo-destination .hero-section,
body.single-safari-tours .hero-section,
body.chalo-safari-v2-page .hero-section,
body.single-accommodation .hero-section,
body.single-special-offer .hero-section,
body.single-reviews .hero-section,
body.chalo-lp .hero-section,
body.single-post .hero-section {
background: none !important;
min-height: 0 !important;
padding: 0 !important;
}
/* Hero title */
body.page-template-default .hero-section h1,
body.page-template-default .hero-section .page-title,
body.page-template-default .hero-section .ct-title {
color: #ffffff !important;
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 52px !important;
font-weight: 300 !important;
letter-spacing: 0.5px;
text-align: center;
max-width: 900px;
margin: 0 auto 16px;
line-height: 1.15;
}
/* Hero description / subtitle */
body.page-template-default .hero-section .page-description,
body.page-template-default .hero-section .ct-title-description {
color: rgba(255, 255, 255, 0.82) !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 16px !important;
font-weight: 300 !important;
max-width: 600px;
margin: 0 auto;
line-height: 1.6;
}
/* Hero breadcrumbs */
body.page-template-default .hero-section .ct-breadcrumbs,
body.page-template-default .hero-section .ct-breadcrumbs a,
body.page-template-default .hero-section .ct-breadcrumbs span {
color: rgba(255, 255, 255, 0.65) !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 12px !important;
font-weight: 300 !important;
}
body.page-template-default .hero-section .ct-breadcrumbs a:hover {
color: #c8a96e !important;
}
/* Gold divider after hero on content pages */
body.page-template-default .hero-section::after {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 60px;
height: 2px;
background: #c8a96e;
opacity: 0.7;
}
/* ---------------------------------------------------------
2. GENERIC ENTRY-CONTENT STYLES — inner pages
Applies to all standard pages without special classes
--------------------------------------------------------- */
body.page-template-default .entry-content {
max-width: 1200px;
margin: 0 auto;
padding: 60px 40px;
}
body.page-template-default .entry-content h2 {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 36px !important;
font-weight: 400 !important;
color: #2c1810 !important;
margin-bottom: 20px;
margin-top: 50px;
}
body.page-template-default .entry-content h2:first-child { margin-top: 0; }
body.page-template-default .entry-content h3 {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 28px !important;
font-weight: 500 !important;
color: #2c1810 !important;
margin-bottom: 16px;
margin-top: 40px;
}
body.page-template-default .entry-content h4 {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 22px !important;
font-weight: 500 !important;
color: #2c1810 !important;
margin-bottom: 12px;
}
body.page-template-default .entry-content p {
font-family: 'Montserrat', sans-serif !important;
font-size: 16px !important;
font-weight: 300 !important;
line-height: 1.75 !important;
color: #4a4340 !important;
margin-bottom: 20px;
}
body.page-template-default .entry-content :is(p,li,td,blockquote) a:not(.wp-block-button__link):not(.gb-button):not(.ct-menu-link):not([class*="nav"]) {
color: #c8a96e !important;
text-decoration: none !important;
transition: color 0.2s ease;
}
body.page-template-default .entry-content :is(p,li,td,blockquote) a:not(.wp-block-button__link):not(.gb-button):not(.ct-menu-link):not([class*="nav"]):hover {
color: #b8954e !important;
}
/* WP block buttons on inner pages */
body.page-template-default .wp-block-button__link,
body.page-template-default .wp-element-button:not(.ct-toggle) {
background-color: #c8a96e !important;
color: #ffffff !important;
border-radius: 0 !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
padding: 16px 40px !important;
border: none !important;
text-decoration: none !important;
display: inline-block;
transition: all 0.2s ease;
}
body.page-template-default .wp-block-button__link:hover,
body.page-template-default .wp-element-button:not(.ct-toggle):hover {
background-color: #b8954e !important;
color: #ffffff !important;
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(200, 169, 110, 0.3) !important;
}
/* HR dividers */
body.page-template-default .entry-content hr,
body.page-template-default .entry-content .wp-block-separator {
border: none !important;
height: 1px !important;
background: linear-gradient(90deg, #c8a96e, #c8a96e) !important;
max-width: 80px !important;
margin: 40px auto !important;
opacity: 0.6;
}
/* ---------------------------------------------------------
3. FACETWP CARD LINKS — GLOBAL (all pages)
Overrides dark grey default link color in FacetWP cards.
Page-id-46296 rules (higher specificity) remain unaffected.
--------------------------------------------------------- */
.fwpl-result .fwpl-item a {
color: #c8a96e !important;
text-decoration: none !important;
transition: color 0.2s ease;
}
.fwpl-result .fwpl-item a:hover {
color: #b8954e !important;
}
/* FacetWP card image links — neutral, hover only */
.fwpl-result .fwpl-item a:has(img) {
color: inherit !important;
}
/* FacetWP card base styling — camps/other listing pages */
.fwpl-layout .fwpl-row {
margin-bottom: 8px;
}
.fwpl-result {
padding: 0;
}
/* Country camps / accommodation cards */
.fwpl-item.tscenter {
padding: 8px 12px;
}
/* Camp name styling — fancy large-font items */
.fwpl-item.font-large a {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 20px !important;
font-weight: 500 !important;
color: #2c1810 !important;
transition: color 0.2s ease;
}
.fwpl-item.font-large a:hover {
color: #c8a96e !important;
}
/* Camp location/meta items */
.fwpl-item.font-small,
.fwpl-item .fwpl-item-val {
font-family: 'Montserrat', sans-serif !important;
font-size: 13px !important;
font-weight: 300 !important;
color: #6b6560 !important;
}
/* Pagination gold active state */
.facetwp-pager .facetwp-page.active {
background: #c8a96e !important;
color: #fff !important;
border-radius: 0 !important;
}
.facetwp-pager .facetwp-page:hover {
color: #c8a96e !important;
}
/* ---------------------------------------------------------
4. PAGE 46287 — TOP 16 DESTINATIONS
Fix: inline-styled turquoise buttons → gold
--------------------------------------------------------- */
body.page-id-46287 a.wp-block-button__link,
body.page-id-46287 .wp-element-button:not(.ct-toggle) {
background-color: #c8a96e !important;
color: #ffffff !important;
border-radius: 0 !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
}
body.page-id-46287 a.wp-block-button__link:hover {
background-color: #b8954e !important;
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(200, 169, 110, 0.3) !important;
}
/* Also fix any old turquoise link colors on this page */
body.page-id-46287 .entry-content :is(p,li,td,blockquote) a:not(.wp-block-button__link) {
color: #c8a96e !important;
}
/* ---------------------------------------------------------
5. COUNTRY CAMPS LISTING PAGES (specific page IDs)
Pages: Kenya, Tanzania, Uganda, Rwanda, Botswana, etc.
These use gb-layout-hero-1 (v93 applies) + FacetWP template
--------------------------------------------------------- */
/* Card title links — dark brown with gold hover */
.page-id-46550 .fwpl-item.font-large a,
.page-id-46594 .fwpl-item.font-large a,
.page-id-46658 .fwpl-item.font-large a,
.page-id-46673 .fwpl-item.font-large a,
.page-id-46737 .fwpl-item.font-large a,
.page-id-46758 .fwpl-item.font-large a,
.page-id-46989 .fwpl-item.font-large a,
.page-id-46992 .fwpl-item.font-large a,
.page-id-46994 .fwpl-item.font-large a,
.page-id-46996 .fwpl-item.font-large a,
.page-id-46998 .fwpl-item.font-large a,
.page-id-47000 .fwpl-item.font-large a,
.page-id-47002 .fwpl-item.font-large a,
.page-id-47004 .fwpl-item.font-large a {
color: #2c1810 !important;
}
.page-id-46550 .fwpl-item.font-large a:hover,
.page-id-46594 .fwpl-item.font-large a:hover,
.page-id-46658 .fwpl-item.font-large a:hover,
.page-id-46673 .fwpl-item.font-large a:hover,
.page-id-46737 .fwpl-item.font-large a:hover,
.page-id-46758 .fwpl-item.font-large a:hover,
.page-id-46989 .fwpl-item.font-large a:hover,
.page-id-46992 .fwpl-item.font-large a:hover,
.page-id-46994 .fwpl-item.font-large a:hover,
.page-id-46996 .fwpl-item.font-large a:hover,
.page-id-46998 .fwpl-item.font-large a:hover,
.page-id-47000 .fwpl-item.font-large a:hover,
.page-id-47002 .fwpl-item.font-large a:hover,
.page-id-47004 .fwpl-item.font-large a:hover {
color: #c8a96e !important;
}
/* Camps page hero — ensure proper height and text */
.page-id-46550 .gb-layout-hero-1,
.page-id-46594 .gb-layout-hero-1,
.page-id-46658 .gb-layout-hero-1,
.page-id-46673 .gb-layout-hero-1,
.page-id-46737 .gb-layout-hero-1,
.page-id-46758 .gb-layout-hero-1,
.page-id-46989 .gb-layout-hero-1,
.page-id-46992 .gb-layout-hero-1,
.page-id-46994 .gb-layout-hero-1,
.page-id-46996 .gb-layout-hero-1,
.page-id-46998 .gb-layout-hero-1,
.page-id-47000 .gb-layout-hero-1,
.page-id-47002 .gb-layout-hero-1,
.page-id-47004 .gb-layout-hero-1 {
min-height: 55vh !important;
}
/* ---------------------------------------------------------
6. EXPLORERS CLUB PAGE (46319)
FacetWP tour listing — needs card link + hero treatment
--------------------------------------------------------- */
body.page-id-46319 .hero-section {
min-height: 320px !important;
background: linear-gradient(135deg, #2c1810 0%, #4a3020 50%, #2c1810 100%) !important;
display: flex !important;
align-items: center;
justify-content: center;
padding: 80px 40px !important;
}
body.page-id-46319 .hero-section h1 {
color: #ffffff !important;
font-size: 52px !important;
font-weight: 300 !important;
text-align: center;
}
body.page-id-46319 .fwpl-item.font-large a {
color: #2c1810 !important;
}
body.page-id-46319 .fwpl-item.font-large a:hover {
color: #c8a96e !important;
}
/* ---------------------------------------------------------
7. TRAVEL GUIDE PAGES — content styling
Pages: 19678, 19737, 19833, 19990, 20680, 20682, 23043
Standard content pages with Blocksy hero
--------------------------------------------------------- */
body.page-id-19678 .entry-content,
body.page-id-19737 .entry-content,
body.page-id-19833 .entry-content,
body.page-id-19990 .entry-content,
body.page-id-20680 .entry-content,
body.page-id-20682 .entry-content,
body.page-id-23043 .entry-content,
body.page-id-23183 .entry-content {
max-width: 900px;
margin: 0 auto;
padding: 60px 40px;
}
/* ---------------------------------------------------------
8. TEAM / PEOPLE PAGES
Pages: 610 (Team), 752 (Master Guides), 1281, 10353, 10354
--------------------------------------------------------- */
body.page-id-610 .entry-content,
body.page-id-752 .entry-content,
body.page-id-1281 .entry-content,
body.page-id-10353 .entry-content,
body.page-id-10354 .entry-content {
max-width: 1200px;
margin: 0 auto;
padding: 60px 40px;
}
/* Team member grid styling */
body.page-id-610 img,
body.page-id-752 img {
border-radius: 0 !important;
}
/* ---------------------------------------------------------
9. SAFARI OFFERS & DEALS LISTING PAGES
Country-specific offer pages
--------------------------------------------------------- */
.page-id-46989 .gb-layout-hero-1,
.page-id-46992 .gb-layout-hero-1,
.page-id-46994 .gb-layout-hero-1,
.page-id-46996 .gb-layout-hero-1,
.page-id-46998 .gb-layout-hero-1,
.page-id-47000 .gb-layout-hero-1,
.page-id-47002 .gb-layout-hero-1,
.page-id-47004 .gb-layout-hero-1 {
min-height: 55vh !important;
}
/* ---------------------------------------------------------
10. SEARCH PAGE (46895)
--------------------------------------------------------- */
body.page-id-46895 .hero-section {
min-height: 260px !important;
background: linear-gradient(135deg, #2c1810 0%, #4a3020 50%, #2c1810 100%) !important;
display: flex !important;
align-items: center;
justify-content: center;
}
body.page-id-46895 .hero-section h1 {
color: #ffffff !important;
font-size: 48px !important;
}
/* Search results */
body.page-id-46895 .swp-results-item a,
body.page-id-46895 .searchwp-live-search-result a {
color: #c8a96e !important;
}
/* ---------------------------------------------------------
11. SAFARISTA (20546) & OTHER MISC PAGES
--------------------------------------------------------- */
body.page-id-20546 .entry-content :is(p,li,td,blockquote) a:not(.wp-block-button__link) {
color: #c8a96e !important;
}
/* ---------------------------------------------------------
12. CAREERS PAGE (28204)
--------------------------------------------------------- */
body.page-id-28204 .entry-content :is(p,li,td,blockquote) a:not(.wp-block-button__link) {
color: #c8a96e !important;
}
/* ---------------------------------------------------------
13. MOBILE RESPONSIVE — inner pages
--------------------------------------------------------- */
@media (max-width: 768px) {
body.page-template-default .hero-section,
body.page-template-default .hero-section[data-type="type-1"] {
min-height: 220px !important;
padding: 60px 24px 40px !important;
}
body.page-template-default .hero-section h1,
body.page-template-default .hero-section .page-title {
font-size: 36px !important;
}
body.page-template-default .entry-content {
padding: 40px 24px !important;
}
body.page-id-46319 .hero-section h1 {
font-size: 36px !important;
}
}
@media (max-width: 480px) {
body.page-template-default .hero-section h1 {
font-size: 28px !important;
}
.fwpl-item.font-large a {
font-size: 17px !important;
}
}
/* ============================================================
SECONDARY CONTENT PAGES â body.chalo-content-page
Covers: Best Time to Visit, Travel Guides, Health & Vaccinations,
Visas, per-country Camps pages, About Zanzibar, Careers, etc.
v-content-pages â 2026-05-18
============================================================ */
/* --- Hide duplicate Blocksy entry-header when GB hero exists in content --- */
body.chalo-content-page:has(.entry-content .gb-layout-hero-1) .hero-section {
display: none !important;
}
/* --- Style entry-header as branded dark hero for pages WITHOUT a GB hero --- */
body.chalo-content-page:not(:has(.entry-content .gb-layout-hero-1)) .hero-section {
min-height: 45vh !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: linear-gradient(135deg, #2c1810 0%, #4a3020 50%, #2c1810 100%) !important;
background-image: linear-gradient(135deg, #2c1810 0%, #4a3020 50%, #2c1810 100%) !important;
margin-bottom: 0 !important;
}
body.chalo-content-page:not(:has(.entry-content .gb-layout-hero-1)) .hero-section .entry-header {
text-align: center;
padding: 60px 40px;
max-width: 800px;
margin: 0 auto;
}
body.chalo-content-page:not(:has(.entry-content .gb-layout-hero-1)) .entry-header h1,
body.chalo-content-page:not(:has(.entry-content .gb-layout-hero-1)) .entry-header .page-title {
color: #ffffff !important;
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 52px !important;
font-weight: 300 !important;
letter-spacing: 0.5px !important;
line-height: 1.2 !important;
margin: 0 !important;
}
/* Gold divider under hero heading */
body.chalo-content-page:not(:has(.entry-content .gb-layout-hero-1)) .hero-section .entry-header::after {
content: '';
display: block;
width: 60px;
height: 1px;
background: #c8a96e;
margin: 20px auto 0;
}
/* --- Content area base styles --- */
body.chalo-content-page .entry-content {
max-width: 900px;
margin: 0 auto;
padding: 60px 40px 80px;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 1.75;
color: #4a4340;
}
body.chalo-content-page .entry-content h2 {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 36px !important;
font-weight: 400 !important;
color: #2c1810 !important;
margin: 50px 0 20px !important;
}
body.chalo-content-page .entry-content h3 {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 26px !important;
font-weight: 500 !important;
color: #2c1810 !important;
margin: 35px 0 15px !important;
}
body.chalo-content-page .entry-content h4 {
font-family: 'Montserrat', sans-serif !important;
font-size: 15px !important;
font-weight: 600 !important;
color: #2c1810 !important;
letter-spacing: 0.5px !important;
text-transform: uppercase !important;
margin: 25px 0 10px !important;
}
body.chalo-content-page .entry-content p {
margin-bottom: 1.4em;
color: #4a4340;
}
body.chalo-content-page .entry-content a {
color: #c8a96e !important;
text-decoration: none !important;
}
body.chalo-content-page .entry-content a:hover {
color: #b8954e !important;
}
/* Gold HR dividers */
body.chalo-content-page .entry-content hr {
border: none !important;
height: 1px !important;
background: #c8a96e !important;
max-width: 60px !important;
margin: 40px auto !important;
opacity: 0.7 !important;
}
/* --- Tables (visa requirements, health info, climate charts) --- */
body.chalo-content-page .entry-content table {
width: 100%;
border-collapse: collapse;
margin: 30px 0;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
}
body.chalo-content-page .entry-content table th {
background: #faf7f2 !important;
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 16px !important;
font-weight: 500 !important;
color: #2c1810 !important;
border: 1px solid #e8e0d6 !important;
padding: 12px 16px !important;
text-align: left !important;
}
body.chalo-content-page .entry-content table td {
border: 1px solid #e8e0d6;
padding: 10px 16px;
vertical-align: top;
color: #4a4340;
}
body.chalo-content-page .entry-content table tr:nth-child(even) td {
background: #faf7f2;
}
/* --- Tabby responsive tabs â brand styling --- */
body.chalo-content-page .tabby-tabs-nav {
border-bottom: 1px solid #e8e0d6 !important;
margin-bottom: 30px !important;
}
body.chalo-content-page .tabby-tabs-nav li a {
font-family: 'Montserrat', sans-serif !important;
font-size: 13px !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
color: #6b6560 !important;
padding: 12px 20px !important;
border-bottom: 2px solid transparent !important;
text-decoration: none !important;
}
body.chalo-content-page .tabby-tabs-nav li.active a,
body.chalo-content-page .tabby-tabs-nav li a:hover {
color: #c8a96e !important;
border-bottom-color: #c8a96e !important;
}
/* --- Blockquotes --- */
body.chalo-content-page .entry-content blockquote {
border-left: 3px solid #c8a96e !important;
margin: 30px 0 30px 0 !important;
padding: 15px 25px !important;
background: #faf7f2 !important;
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 20px !important;
font-style: italic !important;
color: #4a3020 !important;
border-radius: 0 !important;
}
/* --- Images in content --- */
body.chalo-content-page .entry-content img {
border-radius: 0 !important;
max-width: 100% !important;
height: auto !important;
}
body.chalo-content-page .entry-content .wp-caption-text {
font-family: 'Montserrat', sans-serif;
font-size: 12px;
color: #6b6560;
font-style: italic;
margin-top: 8px;
}
/* --- Lists --- */
body.chalo-content-page .entry-content ul,
body.chalo-content-page .entry-content ol {
padding-left: 24px;
margin-bottom: 1.4em;
}
body.chalo-content-page .entry-content li {
margin-bottom: 0.5em;
}
body.chalo-content-page .entry-content ul li::marker {
color: #c8a96e;
}
/* --- Mobile responsive --- */
@media (max-width: 768px) {
body.chalo-content-page:not(:has(.entry-content .gb-layout-hero-1)) .entry-header h1,
body.chalo-content-page:not(:has(.entry-content .gb-layout-hero-1)) .entry-header .page-title {
font-size: 36px !important;
}
body.chalo-content-page .entry-content {
padding: 40px 24px 60px;
font-size: 15px;
}
body.chalo-content-page .entry-content h2 {
font-size: 28px !important;
}
body.chalo-content-page .entry-content h3 {
font-size: 22px !important;
}
body.chalo-content-page .entry-content table {
font-size: 13px;
display: block;
overflow-x: auto;
}
}
@media (max-width: 480px) {
body.chalo-content-page:not(:has(.entry-content .gb-layout-hero-1)) .entry-header h1,
body.chalo-content-page:not(:has(.entry-content .gb-layout-hero-1)) .entry-header .page-title {
font-size: 28px !important;
}
body.chalo-content-page .entry-content {
padding: 30px 16px 50px;
}
}
/* ============================================================
END SECONDARY CONTENT PAGES
============================================================ */
/* ============================================================
HOMEPAGE HERO FIX — hide Blocksy .hero-section on front page
body.page-template-default rule (index 2448) was overriding
the .home .hero-section { display:none } rule via cascade order.
Fix: !important on body.home scoped rule wins definitively.
============================================================ */
body.home .hero-section,
body.home .entry-header,
body.home .ct-hero-section {
display: none !important;
}
/* HOMEPAGE FIX v2 - specificity 0,3,1 beats body.page-template-default 0,2,1 */
body.home.page-template-default .hero-section,
body.home.page-template-default .hero-section.is-width-constrained,
body.home.page .hero-section{
display:none!important;
min-height:0!important;
height:0!important;
overflow:hidden!important;
}
/* ================================================================
GLOBAL BLOCKSY ENTRY-HEADER FIX
body.page-template-default .hero-section rule (specificity 0,3,1)
was rendering a blank box on every page using the default template.
Fix: hide .hero-section[data-type] on all page types that have
their own hero implementation. Appended last so same-specificity
rules here win via cascade order.
================================================================ */
body.page-id-46296 .hero-section[data-type="type-1"],
body.page-id-46296 .hero-section[data-type="type-2"],
body.page-id-46466 .hero-section[data-type="type-1"],
body.page-id-46466 .hero-section[data-type="type-2"],
body.page-id-46232 .hero-section[data-type="type-1"],
body.page-id-46232 .hero-section[data-type="type-2"],
body.single-safari-tours .hero-section[data-type="type-1"],
body.chalo-safari-luxury .hero-section[data-type="type-1"],
body.chalo-safari-v2-page .hero-section[data-type="type-1"],
body.chalo-standalone .hero-section[data-type="type-1"],
body.chalo-standalone .hero-section[data-type="type-2"],
body.chalo-lp .hero-section[data-type="type-1"],
body.chalo-offer .hero-section[data-type="type-1"],
body.chalo-accommodation .hero-section[data-type="type-1"],
body.chalo-review .hero-section[data-type="type-1"],
body.single-post .hero-section[data-type="type-1"],
body.archive .hero-section[data-type="type-1"],
body.search .hero-section[data-type="type-1"] {
display: none !important;
min-height: 0 !important;
height: 0 !important;
overflow: hidden !important;
padding: 0 !important;
margin: 0 !important;
}
/* === v-standalone-hero 2026-05-26: Fix hero-section hidden on standalone/content pages === */
body.chalo-standalone .hero-section,body.chalo-content-page .hero-section{display:flex!important;min-height:45vh!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;background:linear-gradient(135deg,#2c1810 0%,#4a3020 50%,#2c1810 100%)!important;position:relative!important;}
body.chalo-standalone .hero-section .page-title,body.chalo-content-page .hero-section .page-title{display:block!important;font-family:'Cormorant Garamond',Georgia,serif!important;font-size:52px!important;font-weight:300!important;color:#fff!important;letter-spacing:.5px!important;margin:0 auto!important;max-width:900px!important;}
/* Fix: About page wp-block-cover.alignfull not full-bleed (1200px parent constraint) */
body.chalo-standalone .wp-block-cover.alignfull{width:100vw!important;max-width:100vw!important;margin-left:calc(-50vw + 50%)!important;min-height:60vh!important;position:relative!important;}
body.chalo-standalone .wp-block-cover.alignfull::before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.25) 40%,rgba(0,0,0,.6) 100%)!important;z-index:1!important;}
body.chalo-standalone .wp-block-cover h1,body.chalo-standalone .wp-block-cover h2{color:#fff!important;font-family:'Cormorant Garamond',Georgia,serif!important;font-size:52px!important;font-weight:300!important;letter-spacing:.5px!important;z-index:2!important;position:relative!important;}
body.chalo-standalone .wp-block-cover__inner-container{position:relative!important;z-index:2!important;}
body.chalo-standalone .hero-section[data-type="type-1"],body.chalo-standalone .hero-section[data-type="type-2"],body.chalo-content-page .hero-section[data-type="type-1"],body.chalo-content-page .hero-section[data-type="type-2"]{display:flex!important;min-height:45vh!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;background:linear-gradient(135deg,#2c1810 0%,#4a3020 50%,#2c1810 100%)!important;position:relative!important;}
/* ============================================================
* MIGRATED FROM WP CUSTOMIZER CSS — 2026-05-27
* Blog hero fix (v-blog-hero-fix 2026-05-26) +
* Standalone hero fix (v-standalone-hero-fix 2026-05-28)
* ============================================================ */
/* All CSS consolidated into blocksy-chalo/chalo-styles.css v2.4 - 2026-04-15 */
/* v-blog-hero-fix 2026-05-26: Blog post hero fix
Hiding rule: body.single-post .hero-section[data-type="type-1"] { display:none !important } specificity (0,3,1)
Fix uses html prefix + [data-type] to reach (0,3,2) and win.
TODO: migrate to chalo-styles-vXX.css when WHM next accessible */
html body.single-post .hero-section[data-type="type-1"],
html body.single-post .hero-section[data-type="type-2"] {
display: flex !important;
min-height: 280px !important;
background: linear-gradient(135deg, #2c1810 0%, #4a3020 50%, #2c1810 100%) !important;
align-items: center !important;
justify-content: center !important;
flex-direction: column !important;
position: relative !important;
}
html body.single-post .entry-header .page-title {
display: block !important;
color: #ffffff !important;
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 42px !important;
text-align: center !important;
font-weight: 300 !important;
line-height: 1.3 !important;
padding: 0 20px !important;
}
html body.single-post .entry-header .entry-meta {
color: rgba(255,255,255,0.75) !important;
text-align: center !important;
}
/* v-standalone-hero-fix 2026-05-28: Hide redundant Blocksy hero box on About/Contact pages
Problem: body.chalo-standalone .hero-section[data-type="type-1"] { display:flex !important }
(standalone styling rule, cascade-late) overrides v31p hide rule at same specificity.
Fix: append cascade-last rule with extra class to win without !important arms race.
Affects: About (606), Contact (439). FAQ/Start Planning have no .hero-section element.
TODO: migrate to chalo-styles-v31s.css when WHM available. */
body.chalo-standalone .hero-section,
body.chalo-standalone .hero-section[data-type="type-1"],
body.chalo-standalone .hero-section[data-type="type-2"],
body.chalo-standalone .hero-section.is-width-constrained {
display: none !important;
min-height: 0 !important;
height: 0 !important;
overflow: hidden !important;
}
/* === EMERGENCY FIXES migrated from Customizer CSS 2026-05-28 === */
body.chalo-safari-v2-page .enquiry-section,
body.single-safari-tours .enquiry-section,
body.chalo-safari-luxury .enquiry-section {
background-color: #2c1810 !important;
background-image: linear-gradient(135deg, #2c1810 0%, #4a3020 50%, #2c1810 100%) !important;
}
body.chalo-safari-v2-page .sidebar-card,
body.chalo-safari-luxury .sidebar-card {
border: 1px solid #e8e0d6 !important;
overflow: hidden !important;
}
/* =================================================================
CHALO AFRICA v31u — 2026-05-31
Forest green enquiry sections, cream sidebar card,
dashicons fix, rates table subtle, GLightbox gallery,
special offer cards, view-all above enquiry
================================================================= */
/* ---- FOREST GREEN: All enquiry/enquire sections ---- */
body.chalo-safari-v2-page .enquiry-section,
.chalo-safari-v2 .enquiry-section,
body.single-safari-tours .enquiry-section,
body.chalo-safari-luxury .enquiry-section,
.chalo-safari-tour .tour-enquire-section,
.chalo-acco-enquire,
.chalo-offer-enquire,
.chalo-review-enquire {
background: linear-gradient(160deg, #0d1a0c 0%, #152312 50%, #1c2f18 80%, #0d1a0c 100%) !important;
background-color: #0d1a0c !important;
background-image: linear-gradient(160deg, #0d1a0c 0%, #152312 50%, #1c2f18 80%, #0d1a0c 100%) !important;
}
/* Headings + text white on forest green */
.chalo-acco-enquire h2, .chalo-acco-enquire h3, .chalo-acco-enquire p,
.chalo-acco-enquire .chalo-acco-heading,
.chalo-offer-enquire h2, .chalo-offer-enquire h3, .chalo-offer-enquire p,
.chalo-review-enquire h2, .chalo-review-enquire h3, .chalo-review-enquire p,
body.chalo-safari-v2-page .enquiry-section h2,
body.chalo-safari-v2-page .enquiry-section p,
body.chalo-safari-v2-page .enquiry-section .enquiry-subtitle,
body.single-safari-tours .enquiry-section h2,
body.single-safari-tours .enquiry-section p {
color: #ffffff !important;
}
/* WPForms form inputs stay white-background on green */
.chalo-acco-enquire .wpforms-field input,
.chalo-acco-enquire .wpforms-field select,
.chalo-acco-enquire .wpforms-field textarea,
.chalo-offer-enquire .wpforms-field input,
.chalo-offer-enquire .wpforms-field select,
.chalo-offer-enquire .wpforms-field textarea {
background: rgba(255,255,255,0.08) !important;
border-color: rgba(200,169,110,0.4) !important;
color: #fff !important;
}
.chalo-acco-enquire .wpforms-field input::placeholder,
.chalo-offer-enquire .wpforms-field input::placeholder {
color: rgba(255,255,255,0.5) !important;
}
.chalo-acco-enquire .wpforms-field label,
.chalo-offer-enquire .wpforms-field label,
.chalo-review-enquire .wpforms-field label {
color: rgba(255,255,255,0.85) !important;
}
/* ---- SIDEBAR CARD: Warm cream redesign ---- */
body.single-safari-tours .enquiry-card-header,
body.chalo-safari-luxury .enquiry-card-header,
.ctc-enquiry-head {
background: #faf7f2 !important;
background-image: none !important;
border-top: 3px solid #c8a96e !important;
border-bottom: 1px solid #e8e0d6 !important;
padding: 22px 24px 18px !important;
}
body.single-safari-tours .enquiry-eyebrow,
.ctc-enquiry-eyebrow {
color: #6b6560 !important;
}
body.single-safari-tours .enquiry-card-title,
.ctc-enquiry-title {
color: #2c1810 !important;
font-family: 'Cormorant Garamond', Georgia, serif !important;
}
body.single-safari-tours .enquiry-price,
.ctc-enquiry-price {
color: #c8a96e !important;
}
body.single-safari-tours .enquiry-price-label,
body.single-safari-tours .enquiry-price-sub,
.ctc-enquiry-dur {
color: #6b6560 !important;
}
body.single-safari-tours .enquiry-meta-label,
body.single-safari-tours .enquiry-meta-value {
color: #4a4340 !important;
}
/* ---- DASHICONS font-family fix ---- */
/* v86 global Montserrat override was crushing dashicons */
.dashicons,
[class*="dashicons-"],
.chalo-acco-icon {
font-family: dashicons !important;
speak: never !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
-webkit-font-smoothing: antialiased !important;
}
.dashicons::before,
[class*="dashicons-"]::before,
.chalo-acco-icon::before {
font-family: dashicons !important;
}
/* ---- ACCOMMODATION: icon before camp name (flex order) ---- */
.accom-card {
display: flex !important;
flex-direction: column !important;
}
.accom-card-img { order: 1 !important; }
.accom-card-type {
order: 2 !important;
padding: 10px 12px 0 !important;
margin-bottom: 2px !important;
}
.accom-card h3,
.accom-card-name { order: 3 !important; }
.accom-card-desc,
.accom-card-meta,
.accom-card p { order: 4 !important; }
/* ---- ACCOMMODATION rates table — subtle ---- */
.chalo-acco-rates {
border: 1px solid #e8e0d6 !important;
overflow: hidden !important;
box-shadow: none !important;
background: transparent !important;
}
.chalo-acco-rates-table {
border-collapse: collapse !important;
width: 100% !important;
border: none !important;
box-shadow: none !important;
background: transparent !important;
}
.chalo-acco-rates-table thead tr {
background: #faf7f2 !important;
}
.chalo-acco-rates-table th {
background: #faf7f2 !important;
color: #6b6560 !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: 0.8px !important;
text-transform: uppercase !important;
padding: 10px 14px !important;
border-bottom: 1px solid #e8e0d6 !important;
border-right: 1px solid #f0ebe4 !important;
text-align: left !important;
}
.chalo-acco-rates-table td {
padding: 9px 14px !important;
border-bottom: 1px solid #f0ebe4 !important;
border-right: 1px solid #f0ebe4 !important;
color: #4a4340 !important;
font-size: 13px !important;
font-family: 'Montserrat', sans-serif !important;
font-weight: 300 !important;
background: #fff !important;
}
.chalo-acco-rates-table tr:nth-child(even) td { background: #fdfbf8 !important; }
.chalo-acco-rates-table th:last-child,
.chalo-acco-rates-table td:last-child { border-right: none !important; }
.chalo-acco-rates-table tr:last-child td { border-bottom: none !important; }
/* ---- ACCOMMODATION GLightbox gallery ---- */
.chalo-acco-gallery {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 8px !important;
}
.chalo-acco-gallery-item {
overflow: hidden !important;
position: relative !important;
cursor: pointer !important;
}
.chalo-acco-gallery-item:first-child {
grid-column: 1 / -1 !important;
}
.chalo-acco-gallery-item img {
width: 100% !important;
height: 220px !important;
object-fit: cover !important;
display: block !important;
transition: transform 0.4s ease !important;
border-radius: 0 !important;
}
.chalo-acco-gallery-item:first-child img {
height: 360px !important;
}
.chalo-acco-gallery-item:hover img {
transform: scale(1.04) !important;
}
.chalo-acco-gallery-item::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: rgba(0,0,0,0) !important;
transition: background 0.3s ease !important;
}
.chalo-acco-gallery-item:hover::after {
background: rgba(0,0,0,0.08) !important;
}
@media (max-width: 768px) {
.chalo-acco-gallery { grid-template-columns: repeat(2, 1fr) !important; }
.chalo-acco-gallery-item:first-child { grid-column: 1 / -1 !important; }
}
/* ---- SPECIAL OFFER cards — match other pages ---- */
.chalo-offer-acco-grid {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 20px !important;
margin: 20px 0 !important;
}
.chalo-offer-acco-card {
border: 1px solid #e8e0d6 !important;
border-radius: 0 !important;
overflow: hidden !important;
background: #fff !important;
transition: box-shadow 0.3s ease, transform 0.3s ease !important;
display: flex !important;
flex-direction: column !important;
text-decoration: none !important;
}
.chalo-offer-acco-card:hover {
box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
transform: translateY(-2px) !important;
}
.chalo-offer-acco-img {
overflow: hidden !important;
flex: 0 0 220px !important;
height: 220px !important;
}
.chalo-offer-acco-img img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
transition: transform 0.5s ease !important;
border-radius: 0 !important;
}
.chalo-offer-acco-card:hover .chalo-offer-acco-img img {
transform: scale(1.05) !important;
}
.chalo-offer-acco-info {
padding: 16px 20px !important;
flex: 1 !important;
}
.chalo-offer-acco-name {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 20px !important;
font-weight: 500 !important;
color: #2c1810 !important;
margin-bottom: 6px !important;
}
.chalo-offer-acco-name:hover { color: #c8a96e !important; }
.chalo-offer-acco-meta {
font-size: 13px !important;
color: #6b6560 !important;
font-family: 'Montserrat', sans-serif !important;
font-weight: 300 !important;
}
@media (max-width: 768px) {
.chalo-offer-acco-grid { grid-template-columns: 1fr !important; }
}
/* ---- VIEW ALL above enquiry (CSS flex order fallback) ---- */
.chalo-offer-wrap,
.chalo-offer-content {
display: flex !important;
flex-direction: column !important;
}
.chalo-offer-view-all {
order: 10 !important;
text-align: center !important;
padding: 30px 20px 10px !important;
background: #faf7f2 !important;
}
.chalo-offer-enquire {
order: 11 !important;
}
.chalo-offer-view-all a {
color: #c8a96e !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 13px !important;
font-weight: 600 !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
text-decoration: none !important;
}
.chalo-offer-view-all a:hover { color: #b8954e !important; }
/* Map section - show properly */
.chalo-acco-map {
width: 100% !important;
min-height: 300px !important;
border: 1px solid #e8e0d6 !important;
overflow: hidden !important;
}
.chalo-acco-map iframe {
width: 100% !important;
height: 300px !important;
border: none !important;
display: block !important;
}
/* =============================================================
PATCH v31u-patch: Forest green enquiry sections — high-specificity overrides
Fixes accommodation, special-offer, review pages where existing
body.single-* selectors (specificity 0,2,1) were winning.
============================================================= */
/* Safari tour enquiry sections */
body.single-safari-tours .tour-enquire-section,
body.chalo-safari-luxury .tour-enquire-section,
body.chalo-safari-v2-page .enquiry-section,
body.chalo-safari-v2 .enquiry-section,
body.single-safari-tours .enquiry-section {
background: linear-gradient(160deg, #0d1a0c 0%, #152312 50%, #1c2f18 80%, #0d1a0c 100%) !important;
background-image: linear-gradient(160deg, #0d1a0c 0%, #152312 50%, #1c2f18 80%, #0d1a0c 100%) !important;
background-color: #0d1a0c !important;
}
/* Accommodation enquiry section */
body.single-accommodation .chalo-acco-enquire,
body.chalo-accommodation .chalo-acco-enquire {
background: linear-gradient(160deg, #0d1a0c 0%, #152312 50%, #1c2f18 80%, #0d1a0c 100%) !important;
background-image: linear-gradient(160deg, #0d1a0c 0%, #152312 50%, #1c2f18 80%, #0d1a0c 100%) !important;
background-color: #0d1a0c !important;
}
/* Special offer enquiry section */
body.single-special-offer .chalo-offer-enquire,
body.chalo-offer .chalo-offer-enquire {
background: linear-gradient(160deg, #0d1a0c 0%, #152312 50%, #1c2f18 80%, #0d1a0c 100%) !important;
background-image: linear-gradient(160deg, #0d1a0c 0%, #152312 50%, #1c2f18 80%, #0d1a0c 100%) !important;
background-color: #0d1a0c !important;
}
/* Review enquiry section */
body.single-reviews .chalo-review-enquire,
body.chalo-review .chalo-review-enquire {
background: linear-gradient(160deg, #0d1a0c 0%, #152312 50%, #1c2f18 80%, #0d1a0c 100%) !important;
background-image: linear-gradient(160deg, #0d1a0c 0%, #152312 50%, #1c2f18 80%, #0d1a0c 100%) !important;
background-color: #0d1a0c !important;
}
/* Ensure white text on all enquiry sections */
body.single-accommodation .chalo-acco-enquire h2,
body.single-accommodation .chalo-acco-enquire h3,
body.single-accommodation .chalo-acco-enquire p,
body.chalo-offer .chalo-offer-enquire h2,
body.chalo-offer .chalo-offer-enquire h3,
body.chalo-offer .chalo-offer-enquire p,
body.single-special-offer .chalo-offer-enquire h2,
body.single-special-offer .chalo-offer-enquire h3,
body.single-special-offer .chalo-offer-enquire p,
body.chalo-review .chalo-review-enquire h2,
body.chalo-review .chalo-review-enquire h3,
body.chalo-review .chalo-review-enquire p,
body.single-reviews .chalo-review-enquire h2,
body.single-reviews .chalo-review-enquire h3,
body.single-reviews .chalo-review-enquire p {
color: #ffffff !important;
}
/* GREEN-ENQUIRY-PATCH-APPLIED */
/* High-specificity forest green overrides for all enquiry sections */
body.single-safari-tours .tour-enquire-section,
body.chalo-safari-luxury .tour-enquire-section,
body.single-safari-tours .enquiry-section,
body.chalo-safari-v2-page .enquiry-section,
body.chalo-safari-v2 .enquiry-section {
background: linear-gradient(160deg, #0d1a0c 0%, #152312 50%, #1c2f18 80%, #0d1a0c 100%) !important;
background-image: linear-gradient(160deg, #0d1a0c 0%, #152312 50%, #1c2f18 80%, #0d1a0c 100%) !important;
background-color: #0d1a0c !important;
}
body.single-accommodation .chalo-acco-enquire,
body.chalo-accommodation .chalo-acco-enquire {
background: linear-gradient(160deg, #0d1a0c 0%, #152312 50%, #1c2f18 80%, #0d1a0c 100%) !important;
background-image: linear-gradient(160deg, #0d1a0c 0%, #152312 50%, #1c2f18 80%, #0d1a0c 100%) !important;
background-color: #0d1a0c !important;
}
body.single-special-offer .chalo-offer-enquire,
body.chalo-offer .chalo-offer-enquire {
background: linear-gradient(160deg, #0d1a0c 0%, #152312 50%, #1c2f18 80%, #0d1a0c 100%) !important;
background-image: linear-gradient(160deg, #0d1a0c 0%, #152312 50%, #1c2f18 80%, #0d1a0c 100%) !important;
background-color: #0d1a0c !important;
}
body.single-reviews .chalo-review-enquire,
body.chalo-review .chalo-review-enquire {
background: linear-gradient(160deg, #0d1a0c 0%, #152312 50%, #1c2f18 80%, #0d1a0c 100%) !important;
background-image: linear-gradient(160deg, #0d1a0c 0%, #152312 50%, #1c2f18 80%, #0d1a0c 100%) !important;
background-color: #0d1a0c !important;
}
/* White text on all green enquiry sections */
body.single-accommodation .chalo-acco-enquire h2,
body.single-accommodation .chalo-acco-enquire h3,
body.single-accommodation .chalo-acco-enquire p,
body.single-special-offer .chalo-offer-enquire h2,
body.single-special-offer .chalo-offer-enquire h3,
body.single-special-offer .chalo-offer-enquire p,
body.chalo-offer .chalo-offer-enquire h2,
body.chalo-offer .chalo-offer-enquire h3,
body.chalo-offer .chalo-offer-enquire p,
body.single-reviews .chalo-review-enquire h2,
body.single-reviews .chalo-review-enquire h3,
body.single-reviews .chalo-review-enquire p,
body.chalo-review .chalo-review-enquire h2,
body.chalo-review .chalo-review-enquire h3,
body.chalo-review .chalo-review-enquire p {
color: #ffffff !important;
}
/* ICON-ORDER-FIX: make accom-card-body flex so order properties take effect */
.accom-card-body {
display: flex !important;
flex-direction: column !important;
}
/* Icon (type) before name — order 2 < 3 so type renders above h3 */
.accom-card-body .accom-card-type {
order: 1 !important;
margin-bottom: 6px !important;
}
.accom-card-body h3 {
order: 2 !important;
margin-top: 0 !important;
}
/* Also fix the icon SVG styling */
.accom-card-type svg {
width: 20px !important;
height: 20px !important;
stroke: #c8a96e !important;
fill: none !important;
display: block !important;
}
/* ══ FAQ accordion (page 415) — v31x 2026-07-02 ══ */
.chalo-faq-intro{text-align:center;max-width:800px;margin:0 auto 50px;font-family:Montserrat,sans-serif;font-weight:300;color:#4a4340;}
.chalo-faq-intro a{color:#c8a96e;text-decoration:none;}
.chalo-faq{max-width:800px;margin:0 auto 60px;}
.chalo-faq .faq-item{border:1px solid #e8e0d6;border-radius:0;margin-bottom:12px;background:#fff;transition:border-color .2s ease;}
.chalo-faq .faq-item:hover{border-color:#c8a96e;}
.chalo-faq .faq-item summary{cursor:pointer;list-style:none;padding:22px 28px;background:#faf7f2;font-family:'Cormorant Garamond',Georgia,serif;font-size:22px;font-weight:500;color:#2c1810;display:flex;justify-content:space-between;align-items:center;}
.chalo-faq .faq-item summary::-webkit-details-marker{display:none;}
.chalo-faq .faq-item summary::after{content:'+';color:#c8a96e;font-size:26px;font-family:Montserrat,sans-serif;font-weight:300;margin-left:16px;flex-shrink:0;transition:transform .25s ease;}
.chalo-faq .faq-item[open] summary::after{transform:rotate(45deg);}
.chalo-faq .faq-answer{padding:20px 28px 26px;font-family:Montserrat,sans-serif;font-size:16px;font-weight:300;line-height:1.75;color:#4a4340;}
.chalo-faq .faq-answer a{color:#c8a96e;text-decoration:none;}
.chalo-faq .faq-answer a:hover{color:#b8954e;}
@media(max-width:480px){.chalo-faq .faq-item summary{font-size:19px;padding:18px 20px;}.chalo-faq .faq-answer{padding:16px 20px 22px;font-size:15px;}}
/* ══ FAQ page hero (415) — dark gradient title banner — v31y ══ */
html body.page-id-415 .hero-section, html body.page-id-415 .hero-section[data-type="type-1"], html body.page-id-415 .hero-section[data-type="type-2"]{display:flex !important;min-height:340px !important;max-height:none !important;height:auto !important;align-items:center;justify-content:center;padding:120px 20px 60px !important;box-sizing:border-box;background:linear-gradient(135deg,#2c1810 0%,#4a3020 50%,#2c1810 100%) !important;background-image:linear-gradient(135deg,#2c1810 0%,#4a3020 50%,#2c1810 100%) !important;margin-bottom:50px;}
html body.page-id-415 .hero-section .entry-header{display:flex !important;align-items:center;justify-content:center;width:100%;}
html body.page-id-415 .hero-section .page-title, html body.page-id-415 .entry-header .page-title{display:block !important;line-height:1.2 !important;margin:0 !important;color:#ffffff !important;font-family:'Cormorant Garamond',Georgia,serif !important;font-size:48px !important;font-weight:400 !important;text-align:center;letter-spacing:0.5px;}
@media(max-width:480px){html body.page-id-415 .hero-section, html body.page-id-415 .hero-section[data-type="type-1"], html body.page-id-415 .hero-section[data-type="type-2"]{min-height:240px;}body.page-id-415 .hero-section .page-title{font-size:32px !important;}}
/* ══ Homepage fixes — v32b 2026-07-02 ══ */
html body .entry-content .chalo-exp-card__overlay .chalo-exp-card__subtitle, html body .chalo-exp-card__overlay .chalo-exp-card__subtitle{color:rgba(255,255,255,0.82) !important;}
html body .entry-content .chalo-exp-card__overlay .chalo-exp-card__title, html body .chalo-exp-card__overlay h3.chalo-exp-card__title{color:#ffffff !important;}
html body .entry-content .chalo-exp-card__overlay .chalo-exp-card__price{color:#c8a96e !important;}
html body.home .entry-content a[href*="booking.chaloafrica.com"]:not(#_a):not(#_b){color:#ffffff !important;}
html body.home .entry-content a[href*="booking.chaloafrica.com"]:not(#_a):not(#_b):hover{background-color:#b8954e !important;color:#ffffff !important;}
/* ══ Listing card polish — v32e 2026-07-02 ══ */
.page-id-46296 .fwpl-result .fwpl-item.el-6wjejc{padding:0 !important;}
.page-id-46296 .fwpl-result .fwpl-item.el-6wjejc img{width:100% !important;display:block;}
html body .page-id-46296 .fwpl-result .fwpl-item.el-5jy6q a:not(#_a):not(#_b), body.page-id-46296 .fwpl-result .fwpl-item.el-5jy6q a:not(#_a):not(#_b){color:#725929 !important;font-weight:700 !important;}
body.page-id-46296 .fwpl-result .fwpl-item.el-15zqk{font-size:13px !important;font-weight:600 !important;}
body.page-id-46296 .fwpl-result .fwpl-item.el-xq3gto{font-size:13px !important;font-weight:600 !important;color:#4a4340 !important;}
body.page-id-46296 .fwpl-result .fwpl-item.el-v7jqrp, body.page-id-46296 .fwpl-result .fwpl-item.el-edstd{font-size:13px !important;}
body.page-id-46296 .safari-card-price{font-size:13px !important;}
body.page-id-46296 .safari-card-price .price-value{font-weight:700 !important;color:#4a4340 !important;}
/* ══ Pagination — sitewide luxury style — v32e ══ */
.facetwp-pager{display:flex !important;justify-content:center;align-items:center;gap:10px;margin:50px auto 30px;flex-wrap:wrap;}
.facetwp-pager .facetwp-page{min-width:44px;height:44px;line-height:42px;padding:0 14px;text-align:center;background:#fff;border:1px solid #e8e0d6 !important;border-radius:0 !important;color:#6b6560 !important;font-family:Montserrat,sans-serif !important;font-size:14px !important;font-weight:400;letter-spacing:.5px;text-decoration:none !important;transition:border-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease;display:inline-block;margin:0 !important;box-sizing:border-box;}
.facetwp-pager .facetwp-page:hover{border-color:#c8a96e !important;color:#b8954e !important;transform:translateY(-1px);box-shadow:0 4px 12px rgba(200,169,110,0.18);}
.facetwp-pager .facetwp-page.active{background:#c8a96e !important;border-color:#c8a96e !important;color:#ffffff !important;font-weight:600;cursor:default;transform:none;box-shadow:none;}
.facetwp-pager .facetwp-page.next, .facetwp-pager .facetwp-page.prev{font-size:0 !important;position:relative;}
.facetwp-pager .facetwp-page.next::after{content:'\203A';font-size:22px;line-height:42px;color:inherit;}
.facetwp-pager .facetwp-page.prev::after{content:'\2039';font-size:22px;line-height:42px;color:inherit;}
/* WP core pagination (blog archive etc.) */
nav.pagination .page-numbers, .nav-links .page-numbers, .ct-pagination .page-numbers{min-width:44px;height:44px;line-height:42px;padding:0 14px;text-align:center;background:#fff;border:1px solid #e8e0d6 !important;border-radius:0 !important;color:#6b6560 !important;font-family:Montserrat,sans-serif !important;font-size:14px !important;text-decoration:none !important;display:inline-block;margin:0 4px;transition:border-color .2s ease, color .2s ease;box-sizing:border-box;}
nav.pagination a.page-numbers:hover, .nav-links a.page-numbers:hover, .ct-pagination a.page-numbers:hover{border-color:#c8a96e !important;color:#b8954e !important;}
nav.pagination .page-numbers.current, .nav-links .page-numbers.current, .ct-pagination .page-numbers.current{background:#c8a96e !important;border-color:#c8a96e !important;color:#ffffff !important;font-weight:600;}
@media(max-width:480px){.facetwp-pager .facetwp-page{min-width:38px;height:38px;line-height:36px;padding:0 10px;}}
/* ══ Plan Your Safari sections — content above scrim, brighter text + button — v32f 2026-07-02 ══ */
.gb-layout-hero-1:has(#h-plan-your-safari-in-60-seconds) .gb-container-inside, #plan-your-safari-cta .pys-inner, .camps-plan-cta .camps-plan-cta-inner, .dest-midcta, .dest-seasonal{position:relative !important;z-index:2 !important;}
.gb-layout-hero-1:has(#h-plan-your-safari-in-60-seconds)::before, #plan-your-safari-cta::before, .camps-plan-cta::before{pointer-events:none !important;}
.gb-layout-hero-1:has(#h-plan-your-safari-in-60-seconds) p, #plan-your-safari-cta .pys-inner p, .camps-plan-cta p{color:#ffffff !important;opacity:1 !important;text-shadow:0 1px 10px rgba(0,0,0,0.55);font-weight:400 !important;}
.gb-layout-hero-1:has(#h-plan-your-safari-in-60-seconds) h2, #plan-your-safari-cta h2, .camps-plan-cta h2{color:#ffffff !important;text-shadow:0 2px 14px rgba(0,0,0,0.45);}
html body .gb-layout-hero-1:has(#h-plan-your-safari-in-60-seconds) a.wp-block-button__link:not(#_a):not(#_b), html body #plan-your-safari-cta a.pys-btn:not(#_a):not(#_b), html body .camps-plan-cta a.camps-cta-btn:not(#_a):not(#_b){background-color:#c8a96e !important;background-image:none !important;color:#ffffff !important;border-radius:0 !important;opacity:1 !important;box-shadow:0 6px 22px rgba(0,0,0,0.35);position:relative;z-index:3;transition:background-color .2s ease, transform .2s ease, box-shadow .2s ease;}
html body .gb-layout-hero-1:has(#h-plan-your-safari-in-60-seconds) a.wp-block-button__link:not(#_a):not(#_b):hover, html body #plan-your-safari-cta a.pys-btn:not(#_a):not(#_b):hover, html body .camps-plan-cta a.camps-cta-btn:not(#_a):not(#_b):hover{background-color:#b8954e !important;color:#ffffff !important;transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,0.4);}
/* ══ Curated experience cards — stronger image gradient for text legibility — v32g 2026-07-02 ══ */
html body .chalo-exp-card__overlay{background:linear-gradient(to top, rgba(0,0,0,0.88) 0%, rgba(0,0,0,0.55) 40%, rgba(0,0,0,0.3) 70%, rgba(0,0,0,0.15) 100%) !important;}
html body .chalo-exp-card__overlay [class*='label'], html body .chalo-exp-card__overlay .chalo-exp-card__tag{color:rgba(255,255,255,0.92) !important;text-shadow:0 1px 6px rgba(0,0,0,0.5);}
/* ══ Stats bar single divider + footer phone/email — v32h 2026-07-02 ══ */
body.home .gb-layout-column-wrap:has(p.mb10.tscenter) > .wp-block-genesis-blocks-gb-column{border-right-width:1px !important;border-right-color:#e8e0d6 !important;}
body.home .gb-layout-column-wrap:has(p.mb10.tscenter) > .wp-block-genesis-blocks-gb-column::after{content:none !important;display:none !important;}
.custom-footer .footer-col p a[href^='tel:']{display:inline !important;white-space:nowrap;}
.custom-footer .footer-col p:has(a[href^='tel:']){white-space:nowrap;}
/* ══ Expeditions page (46319) — listing card design mapped to expeditions template — v32i ══ */
body.page-id-46319 .fwpl-layout{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:28px !important;}
body.page-id-46319 .fwpl-result{background:#fff;border:1px solid #e8e0d6;border-radius:0;overflow:hidden;transition:box-shadow .25s ease, transform .25s ease;}
body.page-id-46319 .fwpl-result:hover{box-shadow:0 12px 30px rgba(0,0,0,0.10);transform:translateY(-3px);}
body.page-id-46319 .fwpl-item.el-dy8kjv{padding:0 !important;}
body.page-id-46319 .fwpl-item.el-dy8kjv img{width:100% !important;height:220px !important;object-fit:cover;display:block;}
body.page-id-46319 .fwpl-item.el-tg2my{padding:16px 22px 6px;}
html body.page-id-46319 .fwpl-item.el-tg2my a:not(#_a):not(#_b){font-family:'Cormorant Garamond',Georgia,serif !important;font-size:22px !important;font-weight:700 !important;color:#725929 !important;line-height:1.3 !important;text-decoration:none !important;}
body.page-id-46319 .fwpl-item.el-0yh83s{font-size:13px !important;font-weight:700 !important;color:#4a4340 !important;padding:2px 22px;font-family:Montserrat,sans-serif !important;}
body.page-id-46319 .fwpl-item.el-zr4vtb{font-size:13px !important;font-weight:600 !important;color:#4a4340 !important;padding:2px 22px;}
body.page-id-46319 .fwpl-item.el-wtkup4s, body.page-id-46319 .fwpl-item.el-qwflqe{font-size:13px !important;color:#6b6560 !important;padding:1px 22px;}
body.page-id-46319 .fwpl-item.el-1m24tf{font-size:12px !important;font-weight:600 !important;color:#c8a96e !important;text-transform:uppercase;letter-spacing:0.6px;padding:10px 22px;border-top:1px solid #e8e0d6;margin-top:12px;}
body.page-id-46319 .fwpl-item.el-nncx{font-size:13px !important;color:#6b6560 !important;line-height:1.65;padding:8px 22px 18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
@media(max-width:1024px){body.page-id-46319 .fwpl-layout{grid-template-columns:repeat(2,1fr) !important;}}
@media(max-width:768px){body.page-id-46319 .fwpl-layout{grid-template-columns:1fr !important;}}
/* ══ Expeditions hero: lighten opaque overlay so image shows — v32j ══ */
html body.page-id-46319 .gb-layout-hero-1 .gb-container-image-wrap::after{background:linear-gradient(180deg,rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.12) 45%,rgba(0,0,0,0.45) 100%) !important;background-color:transparent !important;opacity:1 !important;}
/* ══ Tour detail page fixes — v32k 2026-07-02 ══ */
/* nav container parity with homepage */
body.chalo-safari-v2-page header.ct-header .ct-container{max-width:1290px !important;padding:0 !important;margin:0 auto !important;}
body.admin-bar.chalo-safari-v2-page header.ct-header{top:32px !important;}
/* About this Safari centered */
.chalo-safari-v2-page .section-about{text-align:center !important;}
.chalo-safari-v2-page .section-about p, .chalo-safari-v2-page .section-about h2, .chalo-safari-v2-page .section-about h3{text-align:center !important;}
.chalo-safari-v2-page .section-about ul, .chalo-safari-v2-page .section-about ol{display:inline-block;text-align:left !important;margin:0 auto;}
/* Sidebar card header: cream, no gradient */
html body.chalo-safari-v2-page .sidebar-card-header{background:#faf7f2 !important;background-image:none !important;border-top:3px solid #c8a96e;border-bottom:1px solid #e8e0d6;}
html body.chalo-safari-v2-page .sidebar-price:not(#_a):not(#_b){color:#2c1810 !important;font-family:'Cormorant Garamond',Georgia,serif !important;text-shadow:none !important;}
html body.chalo-safari-v2-page .sidebar-price-sub:not(#_a):not(#_b){color:#6b6560 !important;opacity:1 !important;text-shadow:none !important;}
/* WhatsApp line */
.chalo-safari-v2-page .sidebar-whatsapp{margin-top:6px;}
/* Accommodation cards: name directly below image, no icon */
html body.chalo-safari-v2-page .accom-card-body{display:flex !important;flex-direction:column !important;}
html body.chalo-safari-v2-page .accom-card-body h3{order:1 !important;}
html body.chalo-safari-v2-page .accom-card-body .accom-card-type{order:2 !important;}
html body.chalo-safari-v2-page .accom-card-type svg, html body.chalo-safari-v2-page .accom-card-type i[data-lucide]{display:none !important;}
/* ══ Sidebar price header: tighter padding — v32n ══ */
html body.chalo-safari-v2-page .sidebar-card-header{padding:22px 20px 18px !important;}
html body.chalo-safari-v2-page .sidebar-price:not(#_a):not(#_b){font-size:30px !important;line-height:1.2 !important;margin-bottom:4px !important;}
html body.chalo-safari-v2-page .sidebar-price-sub:not(#_a):not(#_b){font-size:13px !important;margin:0 !important;}
/* ══ Listing cards: luxury editorial typography — v32o 2026-07-02 ══ */
body.page-id-46296 .fwpl-result{background:#fff;border:1px solid #e8e0d6 !important;overflow:hidden;transition:box-shadow .25s ease, transform .25s ease, border-color .25s ease;}
body.page-id-46296 .fwpl-result:hover{border-color:#c8a96e !important;box-shadow:0 12px 30px rgba(0,0,0,0.09);transform:translateY(-3px);}
body.page-id-46296 .fwpl-result .fwpl-col{display:flex !important;flex-direction:column !important;}
/* order: image, kicker, title, price, duration, experience, transport, description */
body.page-id-46296 .fwpl-result .fwpl-item.el-6wjejc{order:1;}
html body.page-id-46296 .fwpl-result .fwpl-item.el-15zqk:not(#_a){order:2;font-size:10.5px !important;font-weight:500 !important;letter-spacing:1.8px !important;color:#c8a96e !important;text-transform:uppercase;padding:16px 24px 0 !important;margin:0 !important;border:none !important;max-height:none !important;-webkit-line-clamp:unset !important;line-height:1.6 !important;}
html body.page-id-46296 .fwpl-result .fwpl-item.el-5jy6q{order:3;padding:6px 24px 2px !important;margin:0 !important;border:none !important;}
html body.page-id-46296 .fwpl-result .fwpl-item.el-5jy6q a:not(#_a):not(#_b){font-family:'Cormorant Garamond',Georgia,serif !important;font-size:21px !important;font-weight:600 !important;letter-spacing:0.2px !important;color:#725929 !important;line-height:1.35 !important;}
html body.page-id-46296 .safari-card-price:not(#_a){order:4;font-size:12.5px !important;color:#6b6560 !important;padding:10px 24px 2px !important;margin:0 !important;border:none !important;font-family:Montserrat,sans-serif !important;}
html body.page-id-46296 .safari-card-price .price-value:not(#_a){font-weight:600 !important;color:#2c1810 !important;font-size:13px !important;letter-spacing:0.3px;}
html body.page-id-46296 .fwpl-result .fwpl-item.el-xq3gto:not(#_a){order:5;font-size:12.5px !important;font-weight:400 !important;color:#6b6560 !important;padding:2px 24px !important;margin:0 !important;border:none !important;}
html body.page-id-46296 .fwpl-result .fwpl-item.el-v7jqrp:not(#_a){order:6;font-size:12.5px !important;font-weight:400 !important;color:#6b6560 !important;padding:2px 24px !important;margin:0 !important;border:none !important;}
html body.page-id-46296 .fwpl-result .fwpl-item.el-edstd:not(#_a){order:7;font-size:12.5px !important;font-weight:400 !important;color:#6b6560 !important;padding:2px 24px !important;margin:0 !important;border:none !important;}
html body.page-id-46296 .fwpl-result .fwpl-item.el-h2y0j5:not(#_a){order:8;font-size:13px !important;font-weight:300 !important;color:#6b6560 !important;line-height:1.7 !important;padding:12px 24px 22px !important;margin:0 !important;border:none !important;display:-webkit-box !important;-webkit-line-clamp:3 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;}
body.page-id-46296 .fwpl-result .dashicons, body.page-id-46296 .fwpl-result svg{width:14px !important;height:14px !important;font-size:14px !important;}
/* ══ Listing cards: no description, consistent weights — v32p ══ */
html body.page-id-46296 .fwpl-result .fwpl-item.el-h2y0j5:not(#_a):not(#_b){display:none !important;}
html body.page-id-46296 .safari-card-price .price-value:not(#_a):not(#_b){font-weight:500 !important;color:#2c1810 !important;font-size:12.5px !important;}
html body.page-id-46296 .safari-card-price:not(#_a):not(#_b){font-weight:400 !important;}
html body.page-id-46296 .fwpl-result .fwpl-item.el-edstd:not(#_a):not(#_b){padding-bottom:22px !important;}
/* ══ Expeditions cards: exact listing card format — v32q ══ */
body.page-id-46319 .fwpl-result .fwpl-col{display:flex !important;flex-direction:column !important;}
body.page-id-46319 .fwpl-result .fwpl-item.el-dy8kjv{order:1;}
html body.page-id-46319 .fwpl-result .fwpl-item.el-1m24tf:not(#_a):not(#_b){order:2;font-size:10.5px !important;font-weight:500 !important;letter-spacing:1.8px !important;color:#c8a96e !important;text-transform:uppercase;padding:16px 24px 0 !important;margin:0 !important;border:none !important;line-height:1.6 !important;}
html body.page-id-46319 .fwpl-result .fwpl-item.el-tg2my:not(#_a):not(#_b){order:3;padding:6px 24px 2px !important;margin:0 !important;border:none !important;}
html body.page-id-46319 .fwpl-result .fwpl-item.el-tg2my a:not(#_a):not(#_b){font-family:'Cormorant Garamond',Georgia,serif !important;font-size:21px !important;font-weight:600 !important;letter-spacing:0.2px !important;color:#725929 !important;line-height:1.35 !important;text-decoration:none !important;}
html body.page-id-46319 .fwpl-result .fwpl-item.el-0yh83s:not(#_a):not(#_b){order:4;font-size:12.5px !important;font-weight:500 !important;color:#2c1810 !important;padding:10px 24px 2px !important;margin:0 !important;border:none !important;font-family:Montserrat,sans-serif !important;}
html body.page-id-46319 .fwpl-result .fwpl-item.el-zr4vtb:not(#_a):not(#_b){order:5;font-size:12.5px !important;font-weight:400 !important;color:#6b6560 !important;padding:2px 24px !important;margin:0 !important;border:none !important;}
html body.page-id-46319 .fwpl-result .fwpl-item.el-wtkup4s:not(#_a):not(#_b){order:6;font-size:12.5px !important;font-weight:400 !important;color:#6b6560 !important;padding:2px 24px !important;margin:0 !important;border:none !important;}
html body.page-id-46319 .fwpl-result .fwpl-item.el-qwflqe:not(#_a):not(#_b){order:7;font-size:12.5px !important;font-weight:400 !important;color:#6b6560 !important;padding:2px 24px 22px !important;margin:0 !important;border:none !important;}
html body.page-id-46319 .fwpl-result .fwpl-item.el-nncx:not(#_a):not(#_b), html body.page-id-46319 .fwpl-result .fwpl-item.el-67uwb:not(#_a):not(#_b){display:none !important;}
body.page-id-46319 .fwpl-result:hover{border-color:#c8a96e !important;}
/* ══ Listing polish: kicker clamp, white subtitle, bold values — v32r ══ */
html body.page-id-46296 .fwpl-result .fwpl-item.el-15zqk:not(#_a):not(#_b){display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;max-height:none !important;padding:16px 24px 0 !important;line-height:1.6 !important;}
body.page-id-46296 .gb-layout-hero-1 .gb-container-content p, body.page-id-46296 .gb-layout-hero-1 .gb-container-inside p{color:#ffffff !important;opacity:0.95 !important;text-shadow:0 1px 8px rgba(0,0,0,0.55);letter-spacing:0.5px;}
.fwpl-result .chalo-meta-strong{font-weight:600 !important;color:#4a4340 !important;}
/* ══ Revert card bolding: all meta values regular weight — v32s ══ */
html body .fwpl-result .chalo-meta-strong:not(#_a):not(#_b){font-weight:400 !important;color:inherit !important;}
html body.page-id-46296 .safari-card-price .price-value:not(#_a):not(#_b):not(#_c){font-weight:400 !important;color:#2c1810 !important;}
html body.page-id-46319 .fwpl-result .fwpl-item.el-0yh83s:not(#_a):not(#_b):not(#_c){font-weight:400 !important;color:#2c1810 !important;}
/* ══ WP aligncenter support (tour content images etc.) — v32t ══ */
img.aligncenter{display:block !important;margin-left:auto !important;margin-right:auto !important;float:none !important;}
figure.aligncenter, div.aligncenter{margin-left:auto !important;margin-right:auto !important;text-align:center;float:none !important;}
/* ══ Listing/expeditions: hide placeholder results until FacetWP is ready — v32u ══ */
body.page-id-46296 .facetwp-template:not(.fwp-ready), body.page-id-46319 .facetwp-template:not(.fwp-ready){opacity:0 !important;min-height:400px;}
body.page-id-46296 .facetwp-template.fwp-ready, body.page-id-46319 .facetwp-template.fwp-ready{opacity:1 !important;transition:opacity .45s ease;}
/* ══ Infinite scroll: hide pager on tour listings + active page number visible — v32v ══ */
body.page-id-46296 .facetwp-pager, body.page-id-46319 .facetwp-pager{display:none !important;}
.facetwp-pager .facetwp-page.active:not(#_a):not(#_b){color:#ffffff !important;font-size:14px !important;font-weight:600 !important;}
/* ══ Logo: CSS background swap — immune to Blocksy src resets — v32w ══ */
header.ct-header .site-logo-container{background-image:url('../../uploads/2026/02/chalo-logo-dark.svg');background-size:contain;background-repeat:no-repeat;background-position:left center;min-width:200px;min-height:50px;display:flex;align-items:center;}
header.ct-header.chalo-scrolled .site-logo-container{background-image:url('../../uploads/2026/02/chalo-logo-light.svg');}
header.ct-header .site-logo-container img{opacity:0 !important;width:200px !important;height:50px !important;display:block !important;}
/* ══ Header crop under admin bar + bulletproof logo img hiding — v32y ══ */
html body.admin-bar.chalo-safari-v2-page header.ct-header{top:32px !important;}
html body.admin-bar header.ct-header:not(.chalo-scrolled){top:32px !important;}
html body.admin-bar header.ct-header.chalo-scrolled{top:32px !important;}
header.ct-header .site-logo-container img, header.ct-header .site-logo-container .custom-logo{opacity:0 !important;visibility:hidden !important;}
/* ══ Logo img: hide with max specificity (old v104 show-rules were winning) — v32z ══ */
html body header.ct-header .site-logo-container img:not(#_a):not(#_b):not(#_c), html body header.ct-header .site-logo-container .custom-logo:not(#_a):not(#_b):not(#_c){opacity:0 !important;visibility:hidden !important;display:block !important;}
/* ══ Sidebar: tighter Call/WhatsApp spacing — v33a ══ */
html body.chalo-safari-v2-page .sidebar-phone:not(#_a){margin:14px 0 0 !important;padding:0 !important;}
html body.chalo-safari-v2-page .sidebar-phone.sidebar-whatsapp:not(#_a){margin:6px 0 0 !important;}
/* ══ Tour content images: matted frame — v33b ══ */
.chalo-safari-v2-page .section-block img.aligncenter, .chalo-safari-v2-page .section-block p > img.wp-image-61199, .chalo-safari-v2-page .section-block img[class*='wp-image']{border:1px solid #e8e0d6 !important;padding:8px !important;background:#ffffff !important;border-radius:0 !important;box-shadow:0 10px 28px rgba(44,24,16,0.10);box-sizing:border-box;}
.chalo-safari-v2-page .accom-card img, .chalo-safari-v2-page .gallery-item img, .chalo-safari-v2-page .leaflet-tile{border:none !important;padding:0 !important;box-shadow:none !important;}
/* ══ Remove inter-section divider bar above section headings — v33c ══ */
html body.chalo-safari-v2-page .section-block::before, html body.chalo-safari-v2-page .section-block + .section-block::before{content:none !important;display:none !important;}
/* ══ Section divider bar: kill with max specificity — v33d ══ */
html body.chalo-safari-v2-page .section-block:not(#_a):not(#_b):not(#_c)::before, html body .chalo-safari-v2 .content-main .section-block:not(#_a):not(#_b):not(#_c)::before{content:none !important;display:none !important;}
/* ══ Tour accommodation: stacked horizontal rows (text left, image right) — v33e ══ */
html body.chalo-safari-v2-page .accom-grid:not(#_a):not(#_b){display:flex !important;flex-direction:column !important;gap:30px !important;}
html body.chalo-safari-v2-page .accom-card:not(#_a):not(#_b){display:grid !important;grid-template-columns:42% 58% !important;align-items:stretch !important;background:#fff !important;border:1px solid #e8e0d6 !important;border-radius:0 !important;overflow:hidden;transition:box-shadow .25s ease, border-color .25s ease;width:100% !important;}
html body.chalo-safari-v2-page .accom-card:hover{border-color:#c8a96e !important;box-shadow:0 12px 30px rgba(44,24,16,0.08);}
html body.chalo-safari-v2-page .accom-card .accom-card-body:not(#_a){order:1;display:flex !important;flex-direction:column !important;justify-content:center !important;padding:34px 40px !important;}
html body.chalo-safari-v2-page .accom-card .accom-card-img:not(#_a){order:2;height:100% !important;min-height:300px;margin:0 !important;}
html body.chalo-safari-v2-page .accom-card .accom-card-img img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;border:none !important;padding:0 !important;box-shadow:none !important;}
html body.chalo-safari-v2-page .accom-card .accom-card-body h3{font-family:'Cormorant Garamond',Georgia,serif !important;font-size:26px !important;font-weight:500 !important;color:#2c1810 !important;line-height:1.35 !important;margin:0 0 8px !important;}
@media(max-width:768px){html body.chalo-safari-v2-page .accom-card:not(#_a):not(#_b){grid-template-columns:1fr !important;}html body.chalo-safari-v2-page .accom-card .accom-card-img:not(#_a){order:1;min-height:220px;}html body.chalo-safari-v2-page .accom-card .accom-card-body:not(#_a){order:2;padding:24px 26px !important;}}
/* ══ Accommodation rows: text left, image right — v33f ══ */
html body.chalo-safari-v2-page .accom-card:not(#_a):not(#_b):not(#_c){display:flex !important;flex-direction:row-reverse !important;grid-template-columns:none !important;}
html body.chalo-safari-v2-page .accom-card .accom-card-img:not(#_a):not(#_b){flex:0 0 58% !important;}
html body.chalo-safari-v2-page .accom-card .accom-card-body:not(#_a):not(#_b){flex:1 1 auto !important;}
@media(max-width:768px){html body.chalo-safari-v2-page .accom-card:not(#_a):not(#_b):not(#_c){flex-direction:column !important;}html body.chalo-safari-v2-page .accom-card .accom-card-img:not(#_a):not(#_b){flex:0 0 auto !important;}}
/* ══ Accommodation rows: deterministic text-left/image-right — v33g ══ */
html body.chalo-safari-v2-page .accom-card:not(#_a):not(#_b):not(#_c):not(#_d){flex-direction:row !important;}
html body.chalo-safari-v2-page .accom-card .accom-card-body:not(#_a):not(#_b):not(#_c){order:1 !important;}
html body.chalo-safari-v2-page .accom-card .accom-card-img:not(#_a):not(#_b):not(#_c){order:2 !important;}
@media(max-width:768px){html body.chalo-safari-v2-page .accom-card:not(#_a):not(#_b):not(#_c):not(#_d){flex-direction:column !important;}html body.chalo-safari-v2-page .accom-card .accom-card-img:not(#_a):not(#_b):not(#_c){order:1 !important;}html body.chalo-safari-v2-page .accom-card .accom-card-body:not(#_a):not(#_b):not(#_c){order:2 !important;}}
/* ══ Enquire section: cream form panel on forest green — v33h ══ */
html body.chalo-safari-v2-page .enquiry-section .wpforms-container-full:not(#_a):not(#_b){background:#faf7f2 !important;border:1px solid #e8e0d6 !important;border-top:3px solid #c8a96e !important;border-radius:0 !important;padding:46px 50px !important;box-shadow:0 24px 60px rgba(0,0,0,0.35);max-width:760px;margin:0 auto !important;}
html body.chalo-safari-v2-page .enquiry-section .wpforms-form .wpforms-field-label:not(#_a){color:#2c1810 !important;font-weight:500 !important;letter-spacing:1px;}
html body.chalo-safari-v2-page .enquiry-section .wpforms-form .wpforms-field-sublabel:not(#_a){color:#6b6560 !important;}
html body.chalo-safari-v2-page .enquiry-section .wpforms-form input:not([type=submit]):not(#_a), html body.chalo-safari-v2-page .enquiry-section .wpforms-form textarea:not(#_a), html body.chalo-safari-v2-page .enquiry-section .wpforms-form select:not(#_a){background:#ffffff !important;border:1px solid #e8e0d6 !important;border-radius:0 !important;color:#333333 !important;}
html body.chalo-safari-v2-page .enquiry-section .wpforms-form input:focus:not(#_a), html body.chalo-safari-v2-page .enquiry-section .wpforms-form textarea:focus:not(#_a){border-color:#c8a96e !important;box-shadow:0 0 0 3px rgba(200,169,110,0.15) !important;}
html body.chalo-safari-v2-page .enquiry-section .enquiry-subtitle:not(#_a){color:rgba(255,255,255,0.9) !important;font-size:14px !important;letter-spacing:2px;}
html body.chalo-safari-v2-page .enquiry-section h2:not(#_a){font-size:44px !important;}
/* ══ Enquire section: refined green + legible choice pills — v33i ══ */
html body.chalo-safari-v2-page .enquiry-section:not(#_a):not(#_b){background-color:#12240f !important;background-image:radial-gradient(ellipse at 50% 0%, rgba(46,84,40,0.45) 0%, rgba(18,36,15,0) 55%), linear-gradient(168deg, #162b13 0%, #1d3a1a 45%, #0f2010 100%) !important;}
html body.chalo-safari-v2-page .enquiry-section::before, html body.chalo-safari-v2-page .enquiry-section::after{content:none !important;display:none !important;}
html body.chalo-safari-v2-page .enquiry-section .wpforms-form ul li label:not(#_a):not(#_b){color:#4a4340 !important;background:#ffffff !important;border:1px solid #e8e0d6 !important;border-radius:0 !important;font-family:Montserrat,sans-serif !important;font-size:13px !important;font-weight:400 !important;padding:12px 20px !important;cursor:pointer;transition:all .2s ease;display:inline-block;}
html body.chalo-safari-v2-page .enquiry-section .wpforms-form ul li label:hover:not(#_a){border-color:#c8a96e !important;color:#2c1810 !important;}
html body.chalo-safari-v2-page .enquiry-section .wpforms-form ul li input:checked + label:not(#_a), html body.chalo-safari-v2-page .enquiry-section .wpforms-form ul li.wpforms-selected label:not(#_a){background:#c8a96e !important;color:#ffffff !important;border-color:#c8a96e !important;}
html body.chalo-safari-v2-page .enquiry-section .choices__list--dropdown .choices__item.is-highlighted:not(#_a){background:#faf7f2 !important;color:#2c1810 !important;}
/* ══ Enquire section: brand dark-brown (green retired for palette cohesion) — v33j ══ */
html body.chalo-safari-v2-page .enquiry-section:not(#_a):not(#_b):not(#_c){background-color:#2c1810 !important;background-image:radial-gradient(ellipse at 50% 0%, rgba(200,169,110,0.12) 0%, rgba(44,24,16,0) 55%), linear-gradient(135deg, #2c1810 0%, #4a3020 50%, #2c1810 100%) !important;}
/* ============================================================
v33k (2026-07-03)
1. Nav slide-in animation - smooth handoff, no jump (pairs with
hysteresis thresholds in inc/global-nav-scroll.php v106)
2. Enquiry sections: tribal-pattern background matching the
Plan Your Safari CTA, with dark-brown legibility overlay
3. WPForms polish: single Name label (FIRST/LAST sublabels hidden),
Choices.js dropdown single gold arrow, gold hover on choice pills
============================================================ */
@keyframes chaloNavIn { from { transform: translateY(-100%); } to { transform: translateY(0); } }
html body header.ct-header.chalo-scrolled.chalo-nav-anim { animation: chaloNavIn .32s ease-out both; }
/* --- v33k enquiry sections: match Plan Your Safari background --- */
html body .enquiry-section,
html body.single-safari-tours .tour-enquire-section,
html body.single-accommodation .chalo-acco-enquire,
html body.single-special-offer .chalo-offer-enquire,
html body.chalo-offer .chalo-offer-enquire,
html body.chalo-review .chalo-review-enquire {
background-color: #2c1810 !important;
background-image: linear-gradient(180deg, rgba(44,24,16,0.62) 0%, rgba(44,24,16,0.42) 50%, rgba(44,24,16,0.62) 100%), url('../../uploads/2026/03/tribal-pattern-africa.jpg') !important;
background-size: auto, cover !important;
background-position: center center, center center !important;
background-repeat: no-repeat, no-repeat !important;
}
/* --- v33k WPForms: one label for Name (hide FIRST / LAST sublabels) --- */
html body div.wpforms-container-full .wpforms-field-name .wpforms-field-sublabel { display: none !important; }
/* --- v33k Choices.js dropdown: kill duplicate custom arrow, gold native caret --- */
html body div.wpforms-container-full .choices .choices__inner,
html body div.wpforms-container-full .choices select.choices__input,
html body div.wpforms-container-full .choices .choices__list--single { background-image: none !important; }
html body div.wpforms-container-full .choices[data-type*="select-one"]::after { border-color: #c8a96e transparent transparent transparent !important; }
html body div.wpforms-container-full .choices[data-type*="select-one"].is-open::after { border-color: transparent transparent #c8a96e transparent !important; }
/* --- v33k choice pills: gold hover --- */
html body div.wpforms-container-full .wpforms-form ul li label.wpforms-field-label-inline:hover {
background: #c8a96e !important;
color: #ffffff !important;
border-color: #c8a96e !important;
cursor: pointer;
}
html body div.wpforms-container-full .wpforms-form ul li label.wpforms-field-label-inline:hover * { color: #ffffff !important; }
/* ============================================================
v33l (2026-07-03) - fake-ID specificity patch
The v33j enquiry background + Choices arrow rules use
:not(#_a):not(#_b):not(#_c) chains; these must match them
and sit later in the cascade to win.
============================================================ */
html body.chalo-safari-v2-page .enquiry-section:not(#_a):not(#_b):not(#_c),
html body .enquiry-section:not(#_a):not(#_b):not(#_c),
html body.single-safari-tours .tour-enquire-section:not(#_a):not(#_b):not(#_c),
html body.single-accommodation .chalo-acco-enquire:not(#_a):not(#_b):not(#_c),
html body.single-special-offer .chalo-offer-enquire:not(#_a):not(#_b):not(#_c),
html body.chalo-offer .chalo-offer-enquire:not(#_a):not(#_b):not(#_c),
html body.chalo-review .chalo-review-enquire:not(#_a):not(#_b):not(#_c) {
background-color: #2c1810 !important;
background-image: linear-gradient(180deg, rgba(44,24,16,0.62) 0%, rgba(44,24,16,0.42) 50%, rgba(44,24,16,0.62) 100%), url('../../uploads/2026/03/tribal-pattern-africa.jpg') !important;
background-size: auto, cover !important;
background-position: center center, center center !important;
background-repeat: no-repeat, no-repeat !important;
}
html body .choices .choices__inner:not(#_a):not(#_b):not(#_c),
html body .choices select.choices__input:not(#_a):not(#_b):not(#_c),
html body .enquiry-section .wpforms-field .choices .choices__inner:not(#_a):not(#_b):not(#_c),
html body .enquiry-section .wpforms-field select.choicesjs-select:not(#_a):not(#_b):not(#_c) {
background-image: none !important;
}
html body .choices[data-type*="select-one"]:not(#_a):not(#_b):not(#_c)::after { border-color: #c8a96e transparent transparent transparent !important; }
html body .choices[data-type*="select-one"].is-open:not(#_a):not(#_b):not(#_c)::after { border-color: transparent transparent #c8a96e transparent !important; }
/* v33m (2026-07-03): pill hover needs matching fake-ID specificity
(base pill rule is html body.chalo-safari-v2-page ... label:not(#_a):not(#_b)) */
html body.chalo-safari-v2-page .enquiry-section .wpforms-form ul li label:not(#_a):not(#_b):hover,
html body div.wpforms-container-full .wpforms-form ul li label.wpforms-field-label-inline:not(#_a):not(#_b):hover {
background: #c8a96e !important;
color: #ffffff !important;
border-color: #c8a96e !important;
cursor: pointer;
}
html body.chalo-safari-v2-page .enquiry-section .wpforms-form ul li label:not(#_a):not(#_b):hover *,
html body div.wpforms-container-full .wpforms-form ul li label.wpforms-field-label-inline:not(#_a):not(#_b):hover * {
color: #ffffff !important;
}
/* ============================================================
v33n (2026-07-03): enquiry background stability
Conditional fields (e.g. "Specific Dates" date picker) change the
section height; a cover background sized to the SECTION rescales and
visibly shifts. Fix the image layer to the viewport instead so height
changes cannot move it. Mobile keeps scroll (iOS fixed+cover bug).
============================================================ */
html body.chalo-safari-v2-page .enquiry-section:not(#_a):not(#_b):not(#_c),
html body .enquiry-section:not(#_a):not(#_b):not(#_c),
html body.single-safari-tours .tour-enquire-section:not(#_a):not(#_b):not(#_c),
html body.single-accommodation .chalo-acco-enquire:not(#_a):not(#_b):not(#_c),
html body.single-special-offer .chalo-offer-enquire:not(#_a):not(#_b):not(#_c),
html body.chalo-offer .chalo-offer-enquire:not(#_a):not(#_b):not(#_c),
html body.chalo-review .chalo-review-enquire:not(#_a):not(#_b):not(#_c) {
background-attachment: scroll, fixed !important;
}
@media (max-width: 1024px) {
html body.chalo-safari-v2-page .enquiry-section:not(#_a):not(#_b):not(#_c),
html body .enquiry-section:not(#_a):not(#_b):not(#_c),
html body.single-safari-tours .tour-enquire-section:not(#_a):not(#_b):not(#_c),
html body.single-accommodation .chalo-acco-enquire:not(#_a):not(#_b):not(#_c),
html body.single-special-offer .chalo-offer-enquire:not(#_a):not(#_b):not(#_c),
html body.chalo-offer .chalo-offer-enquire:not(#_a):not(#_b):not(#_c),
html body.chalo-review .chalo-review-enquire:not(#_a):not(#_b):not(#_c) {
background-attachment: scroll, scroll !important;
}
}
/* ============================================================
v33o (2026-07-03): itinerary single CTA (replaces per-day
Request-full-itinerary links) + teaser note styling
============================================================ */
html body .itinerary-cta-wrap { text-align: center; margin: 34px 0 6px; }
html body .itinerary-cta-wrap .itinerary-cta-note {
font-family: 'Cormorant Garamond', Georgia, serif;
font-style: italic;
font-size: 19px;
color: #6b6560;
margin: 0 0 16px;
}
html body .itinerary-cta-wrap a.itinerary-cta:not(#_a):not(#_b) {
display: inline-flex; align-items: center; gap: 10px;
background: #c8a96e !important; color: #ffffff !important;
padding: 15px 42px; border-radius: 0;
font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 600;
letter-spacing: 2px; text-transform: uppercase; text-decoration: none;
transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}
html body .itinerary-cta-wrap a.itinerary-cta:not(#_a):not(#_b):hover {
background: #b8954e !important; transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(200,169,110,0.3);
}
html body .itinerary-cta-wrap a.itinerary-cta svg { stroke: #ffffff !important; }
/* ============================================================
v33p (2026-07-03): Start Planning multi-step form (page 8795,
form 54971) - luxury treatment matching the tour enquiry form:
cream panel, pill-style choices, uppercase labels, refined
step indicator.
============================================================ */
html body.page-id-8795 form#wpforms-form-54971 {
background: #faf7f2;
border: 1px solid #e8e0d6;
border-top: 3px solid #c8a96e;
padding: 46px 50px 42px;
box-sizing: border-box;
}
html body.page-id-8795 form#wpforms-form-54971 .wpforms-field-label {
font-family: 'Montserrat', sans-serif;
font-size: 13px; font-weight: 600;
letter-spacing: 1.5px; text-transform: uppercase;
color: #2c1810; margin: 0 0 18px;
}
html body.page-id-8795 form#wpforms-form-54971 ul { margin: 0; padding: 0; }
html body.page-id-8795 form#wpforms-form-54971 ul li {
display: inline-block; list-style: none; margin: 0 10px 12px 0;
}
html body.page-id-8795 form#wpforms-form-54971 ul li input[type="checkbox"],
html body.page-id-8795 form#wpforms-form-54971 ul li input[type="radio"] {
position: absolute; opacity: 0; pointer-events: none;
}
html body.page-id-8795 form#wpforms-form-54971 ul li label.wpforms-field-label-inline:not(#_a):not(#_b) {
display: inline-block; background: #ffffff;
border: 1px solid #e8e0d6; border-radius: 0;
padding: 12px 26px;
font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 400;
color: #4a4340; cursor: pointer; margin: 0;
transition: background .2s ease, color .2s ease, border-color .2s ease;
}
html body.page-id-8795 form#wpforms-form-54971 ul li label.wpforms-field-label-inline:not(#_a):not(#_b):hover {
background: #c8a96e; color: #ffffff; border-color: #c8a96e;
}
html body.page-id-8795 form#wpforms-form-54971 ul li input:checked + label.wpforms-field-label-inline:not(#_a):not(#_b) {
background: #c8a96e; color: #ffffff; border-color: #c8a96e;
}
html body.page-id-8795 .wpforms-page-indicator.progress {
margin-bottom: 30px;
}
html body.page-id-8795 .wpforms-page-indicator-page-title,
html body.page-id-8795 .wpforms-page-indicator-page-title-sep,
html body.page-id-8795 .wpforms-page-indicator-steps {
font-family: 'Montserrat', sans-serif;
font-size: 12px; font-weight: 600;
letter-spacing: 2px; text-transform: uppercase;
color: #6b6560;
}
html body.page-id-8795 .wpforms-page-indicator-page-progress-wrap {
background: #e8e0d6; height: 3px; margin-top: 12px;
}
html body.page-id-8795 .wpforms-page-indicator-page-progress { background: #c8a96e !important; height: 3px; }
html body.page-id-8795 form#wpforms-form-54971 input[type="text"],
html body.page-id-8795 form#wpforms-form-54971 input[type="email"],
html body.page-id-8795 form#wpforms-form-54971 input[type="tel"],
html body.page-id-8795 form#wpforms-form-54971 select,
html body.page-id-8795 form#wpforms-form-54971 textarea {
background: #ffffff; border: 1px solid #e8e0d6; border-radius: 0;
}
@media (max-width: 600px) {
html body.page-id-8795 form#wpforms-form-54971 { padding: 30px 22px 28px; }
html body.page-id-8795 form#wpforms-form-54971 ul li label.wpforms-field-label-inline:not(#_a):not(#_b) { padding: 11px 20px; font-size: 13px; }
}
/* v33q: Start Planning pills - checked state must beat base with !important */
html body.page-id-8795 form#wpforms-form-54971 ul li input:checked + label.wpforms-field-label-inline,
html body.page-id-8795 form#wpforms-form-54971 ul li.wpforms-selected label.wpforms-field-label-inline {
background: #c8a96e !important;
color: #ffffff !important;
border-color: #c8a96e !important;
}
/* ============================================================
v33r (2026-07-03): Start Planning page (8795) hero + centered form
- gb-layout-service-2 block becomes a full-bleed hero matching
other pages: 100vw, 60vh, cover image, dark gradient overlay,
white Cormorant Garamond centered title
- multi-step form content centered
============================================================ */
html body.page-id-8795 .entry-content > .gb-block-container:first-child { padding-top: 0 !important; margin-top: 0 !important; }
html body.page-id-8795 .site-main { padding-top: 0 !important; }
html body.page-id-8795 .entry-content .gb-layout-service-2 {
position: relative;
width: 100vw; max-width: 100vw;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
min-height: 60vh;
display: flex; align-items: center; justify-content: center;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
padding: 0 24px !important;
}
html body.page-id-8795 .entry-content .gb-layout-service-2::after {
content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none;
background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.18) 40%, rgba(0,0,0,0.55) 100%);
}
html body.page-id-8795 .entry-content .gb-layout-service-2 > * { position: relative; z-index: 2; }
html body.page-id-8795 .entry-content .gb-layout-service-2 h1 {
color: #ffffff !important;
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 56px !important; font-weight: 300 !important;
letter-spacing: 0.5px; line-height: 1.15;
text-align: center !important; margin: 0 !important;
text-shadow: 0 2px 18px rgba(0,0,0,0.35);
}
/* centered form content */
html body.page-id-8795 form#wpforms-form-54971 { text-align: center; }
html body.page-id-8795 form#wpforms-form-54971 .wpforms-field,
html body.page-id-8795 form#wpforms-form-54971 .wpforms-field-label { text-align: center !important; }
html body.page-id-8795 form#wpforms-form-54971 ul { text-align: center; }
html body.page-id-8795 form#wpforms-form-54971 ul li { margin: 0 5px 12px; }
html body.page-id-8795 .wpforms-page-indicator.progress { text-align: center; }
html body.page-id-8795 form#wpforms-form-54971 .wpforms-pagebreak-left,
html body.page-id-8795 form#wpforms-form-54971 .wpforms-submit-container { text-align: center !important; }
html body.page-id-8795 form#wpforms-form-54971 textarea,
html body.page-id-8795 form#wpforms-form-54971 input[type="text"],
html body.page-id-8795 form#wpforms-form-54971 input[type="email"],
html body.page-id-8795 form#wpforms-form-54971 input[type="tel"] { margin-left: auto; margin-right: auto; }
@media (max-width: 768px) {
html body.page-id-8795 .entry-content .gb-layout-service-2 { min-height: 45vh; }
html body.page-id-8795 .entry-content .gb-layout-service-2 h1 { font-size: 34px !important; }
}
/* ============================================================
v33s (2026-07-03): Start Planning page bottom contact section -
stronger contrast, "Call Us Now!" as elegant heading, darker
gold links, subtle image caption
============================================================ */
html body.page-id-8795 .entry-content > p.has-text-align-center {
color: #4a4340 !important;
font-size: 17px;
line-height: 1.9;
}
html body.page-id-8795 .entry-content > p.fancy.font-medium {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 36px !important;
font-weight: 400 !important;
color: #2c1810 !important;
margin-bottom: 10px;
}
html body.page-id-8795 .entry-content > p.has-text-align-center a {
color: #b8954e !important;
font-weight: 500;
}
html body.page-id-8795 .entry-content > p.has-text-align-center a:hover { color: #c8a96e !important; }
html body.page-id-8795 .entry-content > p.has-text-align-center em {
font-size: 14px;
color: #6b6560;
}
/* ============================================================
v33t (2026-07-03): Start Planning page - hero flush to top
(.entry-content had 60px padding-top) + contact icons
============================================================ */
html body.page-id-8795 .entry-content { padding-top: 0 !important; }
html body.page-id-8795 .ca-ico {
display: inline-block;
width: 17px; height: 17px;
vertical-align: -3px;
margin-right: 7px;
stroke: #b8954e;
}
/* v33u (2026-07-03): Start Planning hero - clear the fixed nav so the
vertically-centered title never crowds the navigation */
html body.page-id-8795 .entry-content .gb-layout-service-2 {
padding: 130px 24px 50px !important;
}
@media (max-width: 768px) {
html body.page-id-8795 .entry-content .gb-layout-service-2 { padding: 100px 18px 36px !important; }
}
/* v33v (2026-07-03): Start Planning hero - darker overlay for legibility,
title centered on the image itself (symmetric padding) */
html body.page-id-8795 .entry-content .gb-layout-service-2 {
padding: 40px 24px !important;
}
html body.page-id-8795 .entry-content .gb-layout-service-2::after {
background: linear-gradient(180deg, rgba(0,0,0,0.48) 0%, rgba(0,0,0,0.38) 45%, rgba(0,0,0,0.62) 100%) !important;
}
@media (max-width: 768px) {
html body.page-id-8795 .entry-content .gb-layout-service-2 { padding: 30px 18px !important; }
}
/* ============================================================
v33w (2026-07-03):
1. Start Planning hero - inner column wrappers flex-centered so
the title truly centers on the image (wrap was top-aligned)
2. Start Planning pills - even, roomier gaps
3. Footer contact icons (.ca-fico) - all pages
============================================================ */
html body.page-id-8795 .entry-content .gb-layout-service-2 .gb-block-container { margin-bottom: 0 !important; }
html body.page-id-8795 .entry-content .gb-layout-service-2 .gb-layout-column-wrap,
html body.page-id-8795 .entry-content .gb-layout-service-2 .gb-block-layout-column,
html body.page-id-8795 .entry-content .gb-layout-service-2 .gb-block-layout-column-inner {
display: flex; flex-direction: column; align-items: center; justify-content: center;
}
html body.page-id-8795 form#wpforms-form-54971 ul li {
margin: 0 7px 14px !important;
}
.custom-footer .ca-fico, .chalo-custom-footer .ca-fico {
display: inline-block;
width: 15px; height: 15px;
vertical-align: -2px;
margin-right: 8px;
stroke: #c8a96e;
}
/* v33x (2026-07-03): Start Planning hero - wrapper chain was stretched to
100% of the hero, pinning the title to the top; force natural heights so
the hero's own flex centering takes over */
html body.page-id-8795 .entry-content .gb-layout-service-2 .gb-layout-column-wrap,
html body.page-id-8795 .entry-content .gb-layout-service-2 .gb-block-layout-column,
html body.page-id-8795 .entry-content .gb-layout-service-2 .gb-block-layout-column-inner,
html body.page-id-8795 .entry-content .gb-layout-service-2 .gb-block-container,
html body.page-id-8795 .entry-content .gb-layout-service-2 .gb-container-inside,
html body.page-id-8795 .entry-content .gb-layout-service-2 .gb-container-content {
height: auto !important;
min-height: 0 !important;
align-self: center !important;
}
/* ============================================================
v33y (2026-07-03): Start Planning page
1. Separators: clean solid 1px gold line (no gradient, no fuzz)
2. Kit newsletter embed: brand styling (gold Subscribe, square
corners, cream-bordered input)
============================================================ */
html body.page-id-8795 .entry-content hr.wp-block-separator {
background: #c8a96e !important;
background-image: none !important;
border: none !important;
height: 1px !important;
max-width: 80px !important;
margin: 44px auto !important;
opacity: 1 !important;
}
html body.page-id-8795 .formkit-form input[type="email"],
html body.page-id-8795 .formkit-form .formkit-input {
border: 1px solid #e8e0d6 !important;
border-radius: 0 !important;
background: #ffffff !important;
color: #4a4340 !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 15px !important;
padding: 13px 16px !important;
}
html body.page-id-8795 .formkit-form button,
html body.page-id-8795 .formkit-form .formkit-submit,
html body.page-id-8795 .formkit-form .formkit-submit span {
background-color: #c8a96e !important;
color: #ffffff !important;
border-radius: 0 !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 13px !important;
font-weight: 600 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
}
html body.page-id-8795 .formkit-form button:hover { background-color: #b8954e !important; }
/* ============================================================
v33z (2026-07-03): About section
1. .chalo-subnav - refined uppercase subnavigation (replaces the
pipe-separated text links on About Us / Our Team)
2. GB accordion (Mission & Guiding Principles) - brand accordion
styling matching the tour itinerary/FAQ pattern
3. About/Team hero flush to top
============================================================ */
html body .chalo-subnav {
display: flex; flex-wrap: wrap; justify-content: center;
gap: 10px 38px;
margin: 4px auto 8px; padding: 0;
}
html body .chalo-subnav a {
font-family: 'Montserrat', sans-serif !important;
font-size: 12px !important; font-weight: 600 !important;
letter-spacing: 2px; text-transform: uppercase;
color: #6b6560 !important; text-decoration: none !important;
padding: 6px 2px; border-bottom: 1px solid transparent;
transition: color .2s ease, border-color .2s ease;
}
html body .chalo-subnav a:hover { color: #b8954e !important; border-bottom-color: #c8a96e; }
html body .chalo-subnav a.is-current { color: #2c1810 !important; border-bottom-color: #c8a96e; }
html body.page-id-606 .entry-content, html body.page-id-610 .entry-content { padding-top: 0 !important; }
html body.chalo-standalone .gb-block-accordion { max-width: 800px; margin: 0 auto; }
html body.chalo-standalone .gb-block-accordion details {
background: #ffffff;
border: 1px solid #e8e0d6;
margin: 0 0 14px;
text-align: left;
transition: border-color .2s ease;
}
html body.chalo-standalone .gb-block-accordion details:hover { border-color: #c8a96e; }
html body.chalo-standalone .gb-block-accordion summary.gb-accordion-title {
padding: 18px 26px;
background: #faf7f2;
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 22px !important; font-weight: 500;
color: #2c1810;
cursor: pointer;
}
html body.chalo-standalone .gb-block-accordion summary.gb-accordion-title::marker { color: #c8a96e; }
html body.chalo-standalone .gb-block-accordion details[open] summary.gb-accordion-title { border-bottom: 1px solid #e8e0d6; }
html body.chalo-standalone .gb-block-accordion .gb-accordion-text {
padding: 4px 28px 22px;
font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300;
color: #4a4340; line-height: 1.8;
}
@media (max-width: 600px) {
html body .chalo-subnav { gap: 8px 22px; }
html body.chalo-standalone .gb-block-accordion summary.gb-accordion-title { padding: 15px 18px; font-size: 20px !important; }
}
/* v34a (2026-07-03): all gradient-fade HR/dividers converted to solid gold - no fade anywhere */
/* ============================================================
v34b (2026-07-03): Our Partners - horizontal scroll strip
(replaces 9 stacked 3-column logo rows on About Us)
============================================================ */
html body .chalo-partners-scroll {
display: flex; gap: 22px;
overflow-x: auto;
padding: 8px 4px 24px;
scroll-snap-type: x proximity;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
scrollbar-color: #c8a96e #f0ebe4;
}
html body .chalo-partners-scroll::-webkit-scrollbar { height: 6px; }
html body .chalo-partners-scroll::-webkit-scrollbar-track { background: #f0ebe4; }
html body .chalo-partners-scroll::-webkit-scrollbar-thumb { background: #c8a96e; }
html body .chalo-partners-scroll a.partner-card {
flex: 0 0 auto;
width: 200px; height: 128px;
display: flex; align-items: center; justify-content: center;
background: #ffffff;
border: 1px solid #e8e0d6;
padding: 20px;
scroll-snap-align: start;
transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
html body .chalo-partners-scroll a.partner-card:hover {
border-color: #c8a96e;
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
transform: translateY(-2px);
}
html body .chalo-partners-scroll a.partner-card img {
max-width: 100%; max-height: 100%;
object-fit: contain;
filter: grayscale(1); opacity: .7;
transition: filter .2s ease, opacity .2s ease;
}
html body .chalo-partners-scroll a.partner-card:hover img { filter: none; opacity: 1; }
@media (max-width: 600px) {
html body .chalo-partners-scroll a.partner-card { width: 160px; height: 106px; padding: 14px; }
}
/* v34c (2026-07-03): Memberships - captioned horizontal scroll strip */
html body .chalo-members-scroll .member-card {
flex-direction: column;
width: 216px; height: 196px;
padding: 18px 16px 14px;
gap: 12px;
text-decoration: none !important;
}
html body .chalo-members-scroll .member-logo {
flex: 1 1 auto; min-height: 0;
display: flex; align-items: center; justify-content: center;
width: 100%;
}
html body .chalo-members-scroll .member-logo img { max-height: 92px; }
html body .chalo-members-scroll .member-name {
flex: 0 0 auto;
font-family: 'Montserrat', sans-serif;
font-size: 12px; font-weight: 400;
color: #6b6560; line-height: 1.5;
text-align: center;
display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
@media (max-width: 600px) {
html body .chalo-members-scroll .member-card { width: 180px; height: 180px; }
}
/* v34d (2026-07-03): partner/member cards - div variant (unlinked) gets
the same card treatment as linked cards */
html body .chalo-partners-scroll div.partner-card {
flex: 0 0 auto;
width: 200px; height: 128px;
display: flex; align-items: center; justify-content: center;
background: #ffffff;
border: 1px solid #e8e0d6;
padding: 20px;
scroll-snap-align: start;
transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
html body .chalo-partners-scroll div.partner-card:hover { border-color: #c8a96e; box-shadow: 0 4px 20px rgba(0,0,0,0.08); }
html body .chalo-partners-scroll div.partner-card img { max-width: 100%; max-height: 100%; object-fit: contain; filter: grayscale(1); opacity: .7; transition: filter .2s ease, opacity .2s ease; }
html body .chalo-partners-scroll div.partner-card:hover img { filter: none; opacity: 1; }
/* ============================================================
v34e (2026-07-03):
1. Memberships logos in full colour
2. Main-nav hover restored (force-white !important rules were
beating the hover rules on the transparent nav)
3. Scroll arrows for .chalo-partners-scroll strips
============================================================ */
html body .chalo-members-scroll .partner-card img,
html body .chalo-members-scroll div.partner-card img { filter: none !important; opacity: 1 !important; }
html body header.ct-header:not(.chalo-scrolled) .ct-menu-link:hover:not(#_a):not(#_b):not(#_c),
html body header.ct-header:not(.chalo-scrolled) a.ct-menu-link:hover:not(#_a):not(#_b):not(#_c) { color: #c8a96e !important; }
html body header.ct-header.chalo-scrolled .ct-menu-link:hover:not(#_a):not(#_b):not(#_c),
html body header.ct-header.chalo-scrolled a.ct-menu-link:hover:not(#_a):not(#_b):not(#_c) { color: #c8a96e !important; }
html body .chalo-scroll-wrap { position: relative; }
html body .chalo-scroll-btn {
position: absolute; top: 50%; transform: translateY(-50%);
width: 44px; height: 44px; padding: 0;
display: flex; align-items: center; justify-content: center;
background: #ffffff; border: 1px solid #e8e0d6; border-radius: 0;
color: #c8a96e; cursor: pointer; z-index: 3;
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
transition: background .2s ease, color .2s ease, opacity .2s ease;
}
html body .chalo-scroll-btn svg { width: 20px; height: 20px; }
html body .chalo-scroll-btn:hover { background: #c8a96e; color: #ffffff; border-color: #c8a96e; }
html body .chalo-scroll-prev { left: -14px; }
html body .chalo-scroll-next { right: -14px; }
html body .chalo-scroll-wrap.at-start .chalo-scroll-prev,
html body .chalo-scroll-wrap.at-end .chalo-scroll-next { opacity: 0; pointer-events: none; }
@media (max-width: 600px) {
html body .chalo-scroll-btn { width: 38px; height: 38px; }
html body .chalo-scroll-prev { left: -6px; }
html body .chalo-scroll-next { right: -6px; }
}
/* v34f (2026-07-03): nav hover - the unscrolled nav paints text via
-webkit-text-fill-color:#fff, which overrides color; hover must set it too */
html body header.ct-header:not(.chalo-scrolled) .ct-menu-link:hover:not(#_a):not(#_b):not(#_c),
html body header.ct-header:not(.chalo-scrolled) a.ct-menu-link:hover:not(#_a):not(#_b):not(#_c),
html body header.ct-header.chalo-scrolled .ct-menu-link:hover:not(#_a):not(#_b):not(#_c),
html body header.ct-header.chalo-scrolled a.ct-menu-link:hover:not(#_a):not(#_b):not(#_c) {
color: #c8a96e !important;
-webkit-text-fill-color: #c8a96e !important;
}
/* v34g (2026-07-03): Memberships - larger logos */
html body .chalo-members-scroll .member-card { width: 248px; height: 224px; padding: 20px 18px 16px; }
html body .chalo-members-scroll .member-logo img { max-height: 128px; }
html body .chalo-members-scroll .member-name { font-size: 12.5px; }
@media (max-width: 600px) {
html body .chalo-members-scroll .member-card { width: 200px; height: 196px; }
html body .chalo-members-scroll .member-logo img { max-height: 100px; }
}
/* v34h (2026-07-03): Memberships - force logo scale-up (max-height alone
never upscales small source images) */
html body .chalo-members-scroll .member-logo img {
height: 118px !important;
width: auto !important;
max-width: 100% !important;
max-height: 118px !important;
object-fit: contain;
}
@media (max-width: 600px) {
html body .chalo-members-scroll .member-logo img { height: 92px !important; max-height: 92px !important; }
}
/* v34i (2026-07-03): member cards - decisive sizing (v34b/v34d 128px card
rules were beating the member-card sizing; captions overlapped logos) */
html body .chalo-partners-scroll .partner-card.member-card:not(#_a):not(#_b) {
width: 252px !important;
height: 236px !important;
flex-direction: column !important;
padding: 20px 18px 16px !important;
gap: 12px;
}
@media (max-width: 600px) {
html body .chalo-partners-scroll .partner-card.member-card:not(#_a):not(#_b) { width: 204px !important; height: 200px !important; }
}
/* ==========================================================================
CAMPS & LODGES (46466) -> MATCH SAFARI ITINERARIES (46296) EDITORIAL DESIGN
Added 2026-07-04 (match-camps-to-tours). Mirrors .page-id-46296 card+filter.
========================================================================== */
body.page-id-46466 .fwpl-layout.fwpl-layout{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:28px !important;max-width:1200px !important;margin:0 auto !important;}
body.page-id-46466 #safari-filters-wrap#safari-filters-wrap{background:#faf7f2 !important;background-image:none !important;border-top:3px solid #c8a96e !important;padding:36px 44px 28px !important;max-width:1200px !important;margin:0 auto 44px !important;width:auto !important;display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:12px !important;align-items:start !important;box-sizing:border-box !important;}
body.page-id-46466 #safari-filters-wrap#safari-filters-wrap > h3, body.page-id-46466 #safari-filters-wrap#safari-filters-wrap .wp-block-heading, body.page-id-46466 #safari-filters-wrap#safari-filters-wrap .fwpl-heading{grid-column:1 / -1 !important;max-width:none !important;font-family:"Cormorant Garamond",Georgia,serif !important;font-size:26px !important;font-weight:500 !important;color:#2c1810 !important;text-align:center !important;margin:0 0 4px !important;line-height:1.2 !important;}
body.page-id-46466 #safari-filters-wrap#safari-filters-wrap > h3::after, body.page-id-46466 #safari-filters-wrap#safari-filters-wrap .wp-block-heading::after{content:"";display:block;width:60px;height:2px;background:#c8a96e;margin:12px auto 4px;}
body.page-id-46466 #safari-filters-wrap#safari-filters-wrap .wp-block-spacer{display:none !important;}
body.page-id-46466 #safari-filters-wrap#safari-filters-wrap .facetwp-facet{max-width:none !important;margin:0 !important;}
body.page-id-46466 #safari-filters-wrap#safari-filters-wrap select, body.page-id-46466 #safari-filters-wrap#safari-filters-wrap .facetwp-facet select{height:44px !important;border:1px solid #e8e0d6 !important;border-radius:0 !important;background-color:#fff !important;padding:10px 14px !important;font-size:13px !important;width:100% !important;color:#4a4340 !important;}
body.page-id-46466 #safari-filters-wrap#safari-filters-wrap select:focus, body.page-id-46466 #safari-filters-wrap#safari-filters-wrap .facetwp-facet select:focus{border-color:#c8a96e !important;box-shadow:0 0 0 3px rgba(200,169,110,.1) !important;outline:none !important;}
body.page-id-46466 .fwpl-result{background:#fff !important;border:1px solid #e8e0d6 !important;border-radius:0 !important;overflow:hidden !important;transition:transform .3s,box-shadow .3s,border-color .3s !important;}
body.page-id-46466 .fwpl-result:hover{transform:translateY(-4px) !important;box-shadow:0 12px 40px rgba(0,0,0,.1) !important;border-top:3px solid #c8a96e !important;}
body.page-id-46466 .fwpl-result .fwpl-col{display:flex !important;flex-direction:column !important;padding:0 !important;}
body.page-id-46466 .fwpl-result .camp-card-desc{display:none !important;}
body.page-id-46466 .fwpl-result .fwpl-item.el-15yc8{order:1 !important;margin:0 !important;padding:0 !important;overflow:hidden !important;}
body.page-id-46466 .fwpl-result .fwpl-item.el-15yc8 a{display:block !important;}
body.page-id-46466 .fwpl-result .fwpl-item.el-15yc8 img{width:100% !important;height:220px !important;object-fit:cover !important;border-radius:0 !important;transition:transform .5s ease !important;display:block !important;}
body.page-id-46466 .fwpl-result:hover .fwpl-item.el-15yc8 img{transform:scale(1.05) !important;}
body.page-id-46466 .fwpl-result .camp-location-meta{order:2 !important;display:flex !important;align-items:center !important;gap:8px !important;padding:18px 24px 0 !important;margin:0 !important;border:0 !important;}
body.page-id-46466 .fwpl-result .camp-location-meta .camp-meta-item{font-family:"Montserrat",sans-serif !important;font-size:10.5px !important;font-weight:600 !important;letter-spacing:1.8px !important;text-transform:uppercase !important;color:#c8a96e !important;display:flex !important;align-items:center !important;}
body.page-id-46466 .fwpl-result .camp-location-meta .camp-meta-item svg{display:none !important;}
body.page-id-46466 .fwpl-result .camp-location-meta .camp-meta-item + .camp-meta-item::before{content:"\00B7";margin-right:8px;color:#c8a96e;font-weight:700;}
body.page-id-46466 .fwpl-result .fwpl-item.el-js0zc{order:3 !important;text-align:left !important;padding:3px 24px 0 !important;margin:0 !important;border:0 !important;}
body.page-id-46466 .fwpl-result .fwpl-item.el-js0zc a{font-family:"Cormorant Garamond",Georgia,serif !important;font-size:21px !important;font-weight:600 !important;color:#725929 !important;letter-spacing:.2px !important;text-align:left !important;line-height:1.25 !important;display:block !important;}
body.page-id-46466 .fwpl-result .fwpl-item.el-js0zc a:hover{color:#c8a96e !important;}
body.page-id-46466 .fwpl-result .fwpl-item.el-h1jien{order:4 !important;text-align:left !important;padding:11px 24px 0 !important;margin:0 !important;font-family:"Montserrat",sans-serif !important;font-size:13px !important;font-weight:500 !important;color:#2c1810 !important;display:flex !important;align-items:center !important;gap:8px !important;}
body.page-id-46466 .fwpl-result .fwpl-item.el-h1jien::before{content:"";display:inline-block;width:14px;height:14px;flex:0 0 auto;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c8a96e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/%3E%3Cline x1='7' y1='7' x2='7.01' y2='7'/%3E%3C/svg%3E") no-repeat center/contain;}
body.page-id-46466 .fwpl-result .fwpl-item.el-hdb8gm{order:5 !important;text-align:left !important;padding:3px 24px 0 34px !important;margin:0 !important;font-family:"Montserrat",sans-serif !important;font-size:11.5px !important;font-weight:400 !important;color:#6b6560 !important;}
body.page-id-46466 .fwpl-result .fwpl-item.el-fsc1r9{order:6 !important;text-align:left !important;padding:11px 24px 20px !important;margin:0 !important;font-family:"Montserrat",sans-serif !important;font-size:12.5px !important;font-weight:400 !important;color:#6b6560 !important;display:flex !important;align-items:center !important;gap:8px !important;flex-wrap:wrap !important;}
body.page-id-46466 .fwpl-result .fwpl-item.el-fsc1r9::before{content:"";display:inline-block;width:14px;height:14px;flex:0 0 auto;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c8a96e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'/%3E%3C/svg%3E") no-repeat center/contain;}
body.page-id-46466 .fwpl-result .fwpl-item.el-fsc1r9 .fwpl-term{background:none !important;border:none !important;padding:0 !important;border-radius:0 !important;color:#2c1810 !important;font-weight:500 !important;text-transform:none !important;font-size:12.5px !important;letter-spacing:normal !important;}
body.page-id-46466 .fwpl-result .fwpl-item.el-blhnt{display:none !important;}
@media(max-width:1024px){body.page-id-46466 .fwpl-layout.fwpl-layout{grid-template-columns:repeat(2,1fr) !important;}body.page-id-46466 #safari-filters-wrap#safari-filters-wrap{grid-template-columns:repeat(2,1fr) !important;padding:30px 30px 24px !important;}}
@media(max-width:680px){body.page-id-46466 .fwpl-layout.fwpl-layout{grid-template-columns:1fr !important;}body.page-id-46466 #safari-filters-wrap#safari-filters-wrap{grid-template-columns:1fr !important;}}
/* Title color: beat global .entry-content a gold-link rule (0,6,2) */
body.page-id-46466 .entry-content .fwpl-result .fwpl-item.el-js0zc a:not(.gb-button):not(.ct-menu-link){color:#725929 !important;}
body.page-id-46466 .entry-content .fwpl-result .fwpl-item.el-js0zc a:hover:not(.gb-button):not(.ct-menu-link){color:#c8a96e !important;}
/* ============================================================
v34l (2026-07-06):
1. Special Offers listing (46232) - cards matched to the tours/camps
editorial design (image full-bleed, gold location kicker, brown
Cormorant title, muted meta, hover lift + gold top border)
2. Tours listing (46296) filter selects - gold dropdown arrows
(appearance:none had removed the native arrow)
============================================================ */
body.page-id-46232 .fwpl-layout { max-width: 1200px; margin-left: auto; margin-right: auto; }
body.page-id-46232 .fwpl-result {
background: #ffffff;
border: 1px solid #e8e0d6 !important;
border-top: 3px solid transparent !important;
overflow: hidden;
transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
body.page-id-46232 .fwpl-result:hover { transform: translateY(-4px); box-shadow: 0 4px 20px rgba(0,0,0,0.08); border-top-color: #c8a96e !important; }
body.page-id-46232 .fwpl-result .fwpl-col { display: flex; flex-direction: column; height: 100%; }
body.page-id-46232 .fwpl-result .el-cd8lsh { order: 1; margin: 0 !important; padding: 0 !important; }
body.page-id-46232 .fwpl-result .el-u0z5k { order: 2; }
body.page-id-46232 .fwpl-result .el-x6vpm { order: 3; }
body.page-id-46232 .fwpl-result .el-7tfwjw { order: 4; }
body.page-id-46232 .fwpl-result .el-txeuxc { order: 5; }
body.page-id-46232 .fwpl-result .el-p6p8fj { display: none !important; }
body.page-id-46232 .fwpl-result .el-cd8lsh img { display: block; width: 100%; height: 230px; object-fit: cover; }
body.page-id-46232 .fwpl-result .el-u0z5k { font-size: 0 !important; line-height: 0; padding: 18px 24px 0 !important; text-align: left !important; }
body.page-id-46232 .fwpl-result .el-u0z5k .dashicons { display: none !important; }
body.page-id-46232 .fwpl-result .el-u0z5k .fwpl-term { font-family: 'Montserrat', sans-serif; font-size: 10.5px; font-weight: 600; letter-spacing: 1.8px; text-transform: uppercase; color: #b8954e; line-height: 1.7; display: inline; }
body.page-id-46232 .fwpl-result .el-u0z5k .fwpl-term:not(:last-child)::after { content: ' \00B7 '; color: #c8a96e; }
body.page-id-46232 .fwpl-result .el-x6vpm { padding: 10px 24px 0 !important; text-align: left !important; }
body.page-id-46232 .entry-content .fwpl-result .el-x6vpm a:not(#_a) { font-family: 'Cormorant Garamond', Georgia, serif !important; font-size: 21px !important; font-weight: 600 !important; color: #725929 !important; line-height: 1.3 !important; text-decoration: none !important; }
body.page-id-46232 .entry-content .fwpl-result .el-x6vpm a:not(#_a):hover { color: #c8a96e !important; }
body.page-id-46232 .fwpl-result .el-7tfwjw { padding: 6px 24px 0 !important; text-align: left !important; font-family: 'Montserrat', sans-serif !important; font-size: 12px !important; font-style: normal !important; color: #9a938d !important; line-height: 1.6; }
body.page-id-46232 .fwpl-result .el-txeuxc { font-size: 0 !important; line-height: 0; padding: 12px 24px 22px !important; text-align: left !important; margin-top: auto; }
body.page-id-46232 .fwpl-result .el-txeuxc .dashicons { display: none !important; }
body.page-id-46232 .fwpl-result .el-txeuxc::before { content: ''; display: inline-block; width: 15px; height: 15px; margin-right: 8px; vertical-align: middle; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c8a96e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.83z'/%3E%3Ccircle cx='7' cy='7' r='1.5'/%3E%3C/svg%3E") center/contain no-repeat; }
body.page-id-46232 .fwpl-result .el-txeuxc .fwpl-term { font-family: 'Montserrat', sans-serif; font-size: 12.5px; font-weight: 400; color: #6b6560; line-height: 1.6; display: inline; vertical-align: middle; }
body.page-id-46232 .fwpl-result .el-txeuxc .fwpl-term:not(:last-child)::after { content: ', '; }
@media (max-width: 1024px) { body.page-id-46232 .fwpl-layout { grid-template-columns: repeat(2, 1fr) !important; } }
@media (max-width: 768px) { body.page-id-46232 .fwpl-layout { grid-template-columns: 1fr !important; } }
body.page-id-46296 #safari-filters-wrap select {
-webkit-appearance: none !important;
appearance: none !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23c8a96e' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 16px center !important;
background-size: 12px 8px !important;
padding-right: 42px !important;
}
/* ============================================================
v34n (2026-07-06): Camps cards meta reshuffle (46466)
price + per-x inline; Accommodation Type label removed;
location moved below with map-pin icon; collection line added;
top kicker removed (element relocated)
============================================================ */
body.page-id-46466 .fwpl-result .el-h1jien .el-hdb8gm {
display: inline !important;
padding: 0 0 0 6px !important;
margin: 0 !important;
font-size: 11.5px !important;
color: #6b6560 !important;
}
body.page-id-46466 .fwpl-result .el-js0zc { padding-top: 18px !important; }
body.page-id-46466 .fwpl-result .el-fsc1r9 { font-size: 0 !important; line-height: 0 !important; }
body.page-id-46466 .fwpl-result .el-fsc1r9 .fwpl-term {
font-family: 'Montserrat', sans-serif !important;
font-size: 12.5px !important;
color: #6b6560 !important;
line-height: 1.6 !important;
display: inline !important;
vertical-align: middle !important;
}
body.page-id-46466 .fwpl-result .camp-location-meta {
order: 7 !important;
font-size: 0 !important;
line-height: 0 !important;
letter-spacing: 0 !important;
text-transform: none !important;
text-align: left !important;
padding: 10px 26px 0 !important;
margin: 0 !important;
}
body.page-id-46466 .fwpl-result .camp-location-meta::before {
content: '';
display: inline-block;
width: 15px; height: 15px;
margin-right: 8px;
vertical-align: middle;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c8a96e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") center/contain no-repeat;
}
body.page-id-46466 .fwpl-result .camp-location-meta * {
font-family: 'Montserrat', sans-serif !important;
font-size: 12.5px !important;
font-weight: 400 !important;
letter-spacing: 0 !important;
text-transform: none !important;
color: #6b6560 !important;
display: inline !important;
vertical-align: middle !important;
line-height: 1.6 !important;
padding: 0 !important;
margin: 0 !important;
}
body.page-id-46466 .fwpl-result .camp-location-meta *::after { content: none !important; }
body.page-id-46466 .fwpl-result .camp-location-meta > *:not(:last-child)::after { content: ', ' !important; }
body.page-id-46466 .fwpl-result .camp-card-collection {
order: 8;
padding: 10px 26px 22px;
font-family: 'Montserrat', sans-serif;
font-size: 11px; font-weight: 600;
letter-spacing: 1.5px; text-transform: uppercase;
color: #b8954e;
text-align: left;
}
body.page-id-46466 .fwpl-result .el-fsc1r9:last-child,
body.page-id-46466 .fwpl-result .camp-location-meta:last-child { padding-bottom: 22px !important; }
/* v34o (2026-07-06): camps card meta - fake-ID overrides (v34j kicker/label
rules were beating the v34n restyle) */
body.page-id-46466 .fwpl-result .el-fsc1r9:not(#_a):not(#_b) { font-size: 0 !important; line-height: 0 !important; }
body.page-id-46466 .fwpl-result .el-fsc1r9:not(#_a):not(#_b) .fwpl-term,
body.page-id-46466 .fwpl-result .el-fsc1r9 .fwpl-term:not(#_a):not(#_b) {
font-family: 'Montserrat', sans-serif !important;
font-size: 12.5px !important;
font-weight: 400 !important;
color: #6b6560 !important;
letter-spacing: 0 !important;
text-transform: none !important;
line-height: 1.6 !important;
display: inline !important;
vertical-align: middle !important;
}
body.page-id-46466 .fwpl-result .camp-location-meta:not(#_a):not(#_b) {
order: 7 !important;
font-size: 0 !important;
line-height: 0 !important;
letter-spacing: 0 !important;
text-transform: none !important;
text-align: left !important;
padding: 10px 26px 0 !important;
margin: 0 !important;
}
body.page-id-46466 .fwpl-result .camp-location-meta *:not(#_a):not(#_b) {
font-family: 'Montserrat', sans-serif !important;
font-size: 12.5px !important;
font-weight: 400 !important;
letter-spacing: 0 !important;
text-transform: none !important;
color: #6b6560 !important;
display: inline !important;
vertical-align: middle !important;
line-height: 1.6 !important;
padding: 0 !important;
margin: 0 !important;
}
body.page-id-46466 .fwpl-result .camp-location-meta *:not(#_a):not(#_b)::after,
body.page-id-46466 .fwpl-result .camp-location-meta *:not(#_a):not(#_b)::before { content: none !important; }
body.page-id-46466 .fwpl-result .camp-location-meta:not(#_a):not(#_b)::before {
content: '' !important;
display: inline-block;
width: 15px; height: 15px;
margin-right: 8px;
vertical-align: middle;
}
body.page-id-46466 .fwpl-result .camp-location-meta > *:not(#_a):not(:last-child)::after { content: ', ' !important; }
body.page-id-46466 .fwpl-result .el-h1jien .el-hdb8gm:not(#_a):not(#_b) {
display: inline !important;
padding: 0 0 0 6px !important;
margin: 0 !important;
font-size: 11.5px !important;
color: #6b6560 !important;
letter-spacing: 0 !important;
}
/* v34p (2026-07-06): camps location line - hide inner svgs, comma separator */
body.page-id-46466 .fwpl-result .camp-location-meta .camp-meta-item svg { display: none !important; }
body.page-id-46466 .fwpl-result .camp-location-meta > .camp-meta-item:not(#_a):not(#_b):not(#_c):not(:last-child)::after { content: ', ' !important; }
/* ============================================================
v34q (2026-07-06): detail-page luxury layout (accommodation +
special-offer) - 85vh hero, dark meta strip over hero, 2-col grid
with sticky enquiry sidebar matching the safari-tour design.
Also: camps listing per-term svg hide (max specificity).
============================================================ */
body.chalo-accommodation .chalo-page-hero:not(#_a):not(#_b),
body.single-accommodation .chalo-page-hero:not(#_a):not(#_b) { min-height: 85vh !important; }
body.single-accommodation .chalo-acco-info-strip:not(#_a):not(#_b) {
position: relative; z-index: 3;
max-width: 1100px;
margin: -110px auto 56px !important;
background: rgba(24, 16, 11, 0.82) !important;
-webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);
padding: 26px 34px !important;
border: 1px solid rgba(200,169,110,0.25);
}
body.single-accommodation .chalo-acco-info-strip .chalo-acco-info-item:not(#_a),
body.single-accommodation .chalo-acco-info-strip .chalo-acco-info-item *:not(#_a):not(.dashicons) { color: #ffffff !important; }
body.single-accommodation .chalo-acco-info-strip .dashicons:not(#_a) { color: #c8a96e !important; }
html body .dlx-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) 380px;
gap: 56px;
max-width: 1280px;
margin: 0 auto;
padding: 0 40px;
align-items: start;
}
html body .dlx-main { min-width: 0; }
html body .dlx-main > * { max-width: 100% !important; }
html body .dlx-side { position: sticky; top: 130px; }
html body .dlx-card {
background: #ffffff;
border: 1px solid #e8e0d6;
border-top: 3px solid #c8a96e;
box-shadow: 0 4px 20px rgba(0,0,0,0.06);
}
html body .dlx-head {
background: #faf7f2;
padding: 26px 24px 22px;
text-align: center;
border-bottom: 1px solid #e8e0d6;
}
html body .dlx-price {
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 34px; font-weight: 500;
color: #2c1810; line-height: 1.1;
}
html body .dlx-sub {
margin-top: 6px;
font-family: 'Montserrat', sans-serif;
font-style: italic; font-size: 12.5px;
color: #6b6560;
}
html body a.dlx-btn:not(#_a):not(#_b) {
display: block;
margin: 22px 24px 16px;
padding: 15px 10px;
background: #c8a96e !important;
color: #ffffff !important;
text-align: center;
font-family: 'Montserrat', sans-serif;
font-size: 13px; font-weight: 600;
letter-spacing: 2px; text-transform: uppercase;
text-decoration: none !important;
border-radius: 0;
transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}
html body a.dlx-btn:not(#_a):not(#_b):hover { background: #b8954e !important; transform: translateY(-2px); box-shadow: 0 8px 25px rgba(200,169,110,0.3); }
html body .dlx-contact { padding: 0 24px 24px; text-align: center; }
html body .dlx-contact div { margin-top: 9px; font-family: 'Montserrat', sans-serif; font-size: 13.5px; color: #4a4340; }
html body .dlx-contact svg { width: 14px; height: 14px; vertical-align: -2px; margin-right: 5px; color: #c8a96e; }
html body .dlx-contact a:not(#_a) { color: #b8954e !important; text-decoration: none !important; font-weight: 500; }
@media (max-width: 1100px) {
html body .dlx-grid { grid-template-columns: 1fr; gap: 30px; padding: 0 22px; }
html body .dlx-side { position: static; order: -1; max-width: 480px; margin: 0 auto; width: 100%; }
body.single-accommodation .chalo-acco-info-strip:not(#_a):not(#_b) { margin: -60px 18px 40px !important; }
}
body.page-id-46466 .fwpl-result .camp-location-meta .camp-meta-item svg:not(#_a):not(#_b):not(#_c) { display: none !important; width: 0 !important; height: 0 !important; }
/* v34r (2026-07-06): dlx main column - neutralize legacy widths from the
original two-column template rows */
html body .dlx-main > *:not(#_x) { width: 100% !important; max-width: 100% !important; }
html body .dlx-main .chalo-acco-content:not(#_x) { width: 100% !important; flex: none !important; }
/* v34s (2026-07-06): dlx grid - break out of the 900px acco wrap to a
centered 1240px layout (tour-page proportions) */
html body .dlx-grid:not(#_x) {
width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
max-width: none;
grid-template-columns: minmax(0, 800px) minmax(300px, 380px);
justify-content: center;
padding: 0 40px;
box-sizing: border-box;
}
@media (max-width: 1100px) {
html body .dlx-grid:not(#_x) { grid-template-columns: 1fr; width: 100%; margin-left: 0; margin-right: 0; padding: 0 22px; }
}
/* ============================================================
v34t (2026-07-06): Reviews archive - posher testimonial cards
+ dark hero band; single review lead styling
============================================================ */
body.post-type-archive-reviews .site-main { padding-top: 0 !important; }
html body .rvx-hero {
width: 100vw;
margin-left: calc(50% - 50vw);
min-height: 42vh;
display: flex; flex-direction: column; justify-content: center; align-items: center;
text-align: center;
background: linear-gradient(135deg, #2c1810 0%, #4a3020 55%, #2c1810 100%);
padding: 150px 24px 64px;
box-sizing: border-box;
margin-bottom: 56px;
}
html body .rvx-hero h1 { font-family: 'Cormorant Garamond', Georgia, serif !important; font-size: 54px !important; font-weight: 300 !important; color: #ffffff !important; margin: 0 0 12px !important; }
html body .rvx-hero p { font-family: 'Montserrat', sans-serif; font-size: 14px; font-style: italic; letter-spacing: 0.5px; color: rgba(250,247,242,0.75); margin: 0; }
body.post-type-archive-reviews article.entry-card {
background: #ffffff;
border: 1px solid #e8e0d6 !important;
border-top: 3px solid transparent !important;
padding: 32px 34px 24px !important;
height: auto !important;
min-height: 0 !important;
box-shadow: none;
transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
body.post-type-archive-reviews article.entry-card:hover { transform: translateY(-4px); box-shadow: 0 4px 20px rgba(0,0,0,0.08); border-top-color: #c8a96e !important; }
body.post-type-archive-reviews .entry-card .meta-categories a { font-family: 'Montserrat', sans-serif !important; font-size: 10.5px !important; font-weight: 600 !important; letter-spacing: 1.8px; text-transform: uppercase; color: #b8954e !important; }
html body .rvx-stars { color: #c8a96e; font-size: 14px; letter-spacing: 4px; margin: 6px 0 8px; }
body.post-type-archive-reviews .entry-card .entry-title { margin: 0 0 4px !important; }
body.post-type-archive-reviews .entry-card .entry-title a { font-family: 'Cormorant Garamond', Georgia, serif !important; font-size: 25px !important; font-weight: 500 !important; color: #2c1810 !important; }
body.post-type-archive-reviews .entry-card .entry-title a:hover { color: #c8a96e !important; }
html body .rvx-quote {
font-family: 'Cormorant Garamond', Georgia, serif;
font-style: italic;
font-size: 18.5px; line-height: 1.65;
color: #4a4340;
margin: 10px 0 16px;
}
html body .rvx-quote::before { content: '\201C'; }
html body .rvx-quote::after { content: '\201D'; }
html body a.rvx-more:not(#_a) {
display: inline-block;
margin: 0 0 14px;
font-family: 'Montserrat', sans-serif;
font-size: 11.5px; font-weight: 600;
letter-spacing: 2px; text-transform: uppercase;
color: #b8954e !important;
text-decoration: none !important;
}
body.post-type-archive-reviews .entry-card > .entry-meta:last-child { border-top: 1px solid #f0ebe4; padding-top: 14px; }
body.post-type-archive-reviews .entry-card > .entry-meta:last-child a,
body.post-type-archive-reviews .entry-card > .entry-meta:last-child li { font-family: 'Montserrat', sans-serif !important; font-size: 11px !important; letter-spacing: 1.2px; text-transform: uppercase; color: #6b6560 !important; }
body.single-reviews .entry-content, body.chalo-review .chalo-review-content { max-width: 780px; margin-left: auto; margin-right: auto; }
body.single-reviews .entry-content > p:first-of-type, body.chalo-review .chalo-review-content > p:first-of-type {
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 23px; font-style: italic; line-height: 1.7;
color: #4a3020;
}
@media (max-width: 768px) {
html body .rvx-hero { min-height: 34vh; padding: 120px 18px 44px; }
html body .rvx-hero h1 { font-size: 36px !important; }
}
/* ============================================================
v34u (2026-07-06) — Content-page hero full-bleed + map container
============================================================ */
/* --- Content pages WITH a GenerateBlocks cover hero (e.g. Our Team 610):
image was dimmed to near-black and boxed. Make it full-bleed. --- */
body.chalo-content-page .entry-content .gb-layout-hero-1{
position:relative; width:100vw; max-width:100vw;
margin-left:calc(-50vw + 50%); margin-right:calc(-50vw + 50%);
min-height:60vh; display:flex; align-items:center; justify-content:center;
padding:0 !important; background-color:#2c1810; overflow:hidden;
}
body.chalo-content-page .entry-content .gb-layout-hero-1 .gb-container-image-wrap{
position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; z-index:0;
}
body.chalo-content-page .entry-content .gb-layout-hero-1 .gb-container-image-wrap img{
width:100% !important; height:100% !important; object-fit:cover !important;
object-position:center !important; opacity:1 !important; filter:none !important; max-width:none !important;
}
body.chalo-content-page .entry-content .gb-layout-hero-1 .gb-container-image-wrap::after{
content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
background:linear-gradient(180deg, rgba(0,0,0,0.42) 0%, rgba(0,0,0,0.3) 45%, rgba(0,0,0,0.62) 100%);
}
body.chalo-content-page .entry-content .gb-layout-hero-1 .gb-container-inside{
position:relative !important; z-index:3 !important; width:100% !important; max-width:100% !important; text-align:center !important;
}
body.chalo-content-page .entry-content .gb-layout-hero-1 .gb-container-inside h1,
body.chalo-content-page .entry-content .gb-layout-hero-1 .gb-container-inside h2,
body.chalo-content-page .entry-content .gb-layout-hero-1 .gb-container-inside h3,
body.chalo-content-page .entry-content .gb-layout-hero-1 .gb-container-inside .gb-headline{
color:#ffffff !important; text-shadow:0 2px 22px rgba(0,0,0,0.55);
}
body.chalo-content-page .entry-content .gb-layout-hero-1 .gb-container-inside p{
color:rgba(255,255,255,0.92) !important; text-shadow:0 1px 14px rgba(0,0,0,0.55);
}
/* --- Plain content pages that only show the dark .hero-section band:
give it a real safari image so it is not a flat dark box. --- */
body.chalo-content-page .hero-section[data-type]{
background-image:linear-gradient(180deg, rgba(44,24,16,0.5) 0%, rgba(44,24,16,0.5) 100%), url("/wp-content/uploads/2026/03/zebra-delta-scaled.jpg") !important;
background-size:cover !important; background-position:center !important; background-repeat:no-repeat !important;
}
/* --- ACF map (keyless embed iframe): remove leftover fixed-height whitespace --- */
.google-acfmap{ height:auto !important; min-height:0 !important; }
.google-acfmap iframe{ width:100% !important; height:420px !important; display:block !important; border:0 !important; }
/* ============================================================
v34v (2026-07-06) — Our Team (610) editorial member layout
Scoped to direct children / last wrapper so the GB hero is untouched.
============================================================ */
body.page-id-610 .entry-content{padding-bottom:50px;}
body.page-id-610 .entry-content > .wp-block-spacer{height:34px !important;}
body.page-id-610 .entry-content > div:last-child{max-width:820px;margin:0 auto;}
/* member portraits */
body.page-id-610 .entry-content > .wp-block-image,
body.page-id-610 .entry-content > div:last-child .wp-block-image{display:flex !important;justify-content:center !important;margin:16px auto 8px !important;}
body.page-id-610 .entry-content > .wp-block-image img,
body.page-id-610 .entry-content > div:last-child .wp-block-image img{width:200px !important;height:200px !important;object-fit:cover !important;border:1px solid #e8e0d6 !important;box-shadow:0 8px 30px rgba(0,0,0,0.10) !important;border-radius:0 !important;}
/* names */
body.page-id-610 .entry-content > h2.wp-block-heading,
body.page-id-610 .entry-content > div:last-child h2.wp-block-heading{font-family:'Cormorant Garamond',Georgia,serif !important;font-weight:500 !important;font-size:34px !important;color:#2c1810 !important;margin:6px 0 4px !important;letter-spacing:0.3px !important;line-height:1.15 !important;}
body.page-id-610 .entry-content > h2.wp-block-heading::after,
body.page-id-610 .entry-content > div:last-child h2.wp-block-heading::after{display:none !important;content:none !important;}
/* role kicker */
html body.page-id-610 .entry-content > div:last-child h3.wp-block-heading,
html body.page-id-610 .entry-content > div:last-child h3.wp-block-heading.fancy.font-medium{font-family:'Montserrat',sans-serif !important;font-weight:600 !important;font-size:12px !important;letter-spacing:2.4px !important;text-transform:uppercase !important;color:#c8a96e !important;margin:0 0 20px !important;line-height:1.5 !important;}
html body.page-id-610 .entry-content > div:last-child h3.wp-block-heading::after,
html body.page-id-610 .entry-content > div:last-child h3.wp-block-heading.fancy::after{display:none !important;content:none !important;}
/* bios */
body.page-id-610 .entry-content > div:last-child p{font-family:'Montserrat',sans-serif !important;font-weight:300 !important;font-size:15.5px !important;line-height:1.75 !important;color:#4a4340 !important;text-align:left !important;max-width:700px !important;margin:0 auto 14px !important;}
/* member separators -> solid gold */
body.page-id-610 .entry-content > hr,
body.page-id-610 .entry-content > div:last-child hr{border:none !important;height:1px !important;background:#c8a96e !important;max-width:70px !important;margin:44px auto !important;opacity:1 !important;}
/* v34w (2026-07-06) — Our Team role kicker must beat #safari-filters-wrap h3 (ID leak). Fake-ID specificity. */
html body.page-id-610 .entry-content h3.wp-block-heading:not(#zz1):not(#zz2){
font-family:'Montserrat',sans-serif !important;font-weight:600 !important;font-size:12px !important;
letter-spacing:2.4px !important;text-transform:uppercase !important;color:#c8a96e !important;
margin:0 0 20px !important;line-height:1.5 !important;
}
html body.page-id-610 .entry-content h3.wp-block-heading:not(#zz1):not(#zz2)::after{display:none !important;content:none !important;}
/* ============================================================
v34x (2026-07-06) — Unify accommodation / offer / review enquiry
forms to the SAFARI TOUR reference (.enquiry-section): cream form
card on the dark tribal section, dark labels, white inputs.
============================================================ */
body.single-accommodation .chalo-acco-enquire, body.chalo-accommodation .chalo-acco-enquire, body.single-special-offer .chalo-offer-enquire, body.chalo-offer .chalo-offer-enquire, body.chalo-review .chalo-review-enquire, body.single-reviews .chalo-review-enquire{ padding:90px 40px !important; }
/* heading + subtitle: white on dark section */
body.single-accommodation .chalo-acco-enquire h2:not(#zzq), body.chalo-accommodation .chalo-acco-enquire h2:not(#zzq), body.single-special-offer .chalo-offer-enquire h2:not(#zzq), body.chalo-offer .chalo-offer-enquire h2:not(#zzq), body.chalo-review .chalo-review-enquire h2:not(#zzq), body.single-reviews .chalo-review-enquire h2:not(#zzq){ color:#ffffff !important; font-family:'Cormorant Garamond',Georgia,serif !important; font-size:42px !important; font-weight:400 !important; }
body.single-accommodation .chalo-acco-enquire > p:not(#zzq), body.chalo-accommodation .chalo-acco-enquire > p:not(#zzq), body.single-special-offer .chalo-offer-enquire > p:not(#zzq), body.chalo-offer .chalo-offer-enquire > p:not(#zzq), body.chalo-review .chalo-review-enquire > p:not(#zzq), body.single-reviews .chalo-review-enquire > p:not(#zzq), body.single-accommodation .chalo-acco-enquire .enquiry-subtitle:not(#zzq), body.chalo-accommodation .chalo-acco-enquire .enquiry-subtitle:not(#zzq), body.single-special-offer .chalo-offer-enquire .enquiry-subtitle:not(#zzq), body.chalo-offer .chalo-offer-enquire .enquiry-subtitle:not(#zzq), body.chalo-review .chalo-review-enquire .enquiry-subtitle:not(#zzq), body.single-reviews .chalo-review-enquire .enquiry-subtitle:not(#zzq){ color:rgba(255,255,255,0.9) !important; font-family:'Montserrat',sans-serif !important; }
/* WPForms container -> cream card */
body.single-accommodation .chalo-acco-enquire .wpforms-container:not(#zzq), body.chalo-accommodation .chalo-acco-enquire .wpforms-container:not(#zzq), body.single-special-offer .chalo-offer-enquire .wpforms-container:not(#zzq), body.chalo-offer .chalo-offer-enquire .wpforms-container:not(#zzq), body.chalo-review .chalo-review-enquire .wpforms-container:not(#zzq), body.single-reviews .chalo-review-enquire .wpforms-container:not(#zzq){ background:#faf7f2 !important; border:1px solid #e8e0d6 !important; border-radius:0 !important; padding:46px 50px !important; max-width:720px !important; margin-left:auto !important; margin-right:auto !important; }
/* labels -> dark */
body.single-accommodation .chalo-acco-enquire .wpforms-field-label:not(#zzq), body.chalo-accommodation .chalo-acco-enquire .wpforms-field-label:not(#zzq), body.single-special-offer .chalo-offer-enquire .wpforms-field-label:not(#zzq), body.chalo-offer .chalo-offer-enquire .wpforms-field-label:not(#zzq), body.chalo-review .chalo-review-enquire .wpforms-field-label:not(#zzq), body.single-reviews .chalo-review-enquire .wpforms-field-label:not(#zzq), body.single-accommodation .chalo-acco-enquire .wpforms-field label:not(#zzq), body.chalo-accommodation .chalo-acco-enquire .wpforms-field label:not(#zzq), body.single-special-offer .chalo-offer-enquire .wpforms-field label:not(#zzq), body.chalo-offer .chalo-offer-enquire .wpforms-field label:not(#zzq), body.chalo-review .chalo-review-enquire .wpforms-field label:not(#zzq), body.single-reviews .chalo-review-enquire .wpforms-field label:not(#zzq), body.single-accommodation .chalo-acco-enquire label:not(#zzq), body.chalo-accommodation .chalo-acco-enquire label:not(#zzq), body.single-special-offer .chalo-offer-enquire label:not(#zzq), body.chalo-offer .chalo-offer-enquire label:not(#zzq), body.chalo-review .chalo-review-enquire label:not(#zzq), body.single-reviews .chalo-review-enquire label:not(#zzq){ color:#2c1810 !important; }
body.single-accommodation .chalo-acco-enquire .wpforms-field-sublabel:not(#zzq), body.chalo-accommodation .chalo-acco-enquire .wpforms-field-sublabel:not(#zzq), body.single-special-offer .chalo-offer-enquire .wpforms-field-sublabel:not(#zzq), body.chalo-offer .chalo-offer-enquire .wpforms-field-sublabel:not(#zzq), body.chalo-review .chalo-review-enquire .wpforms-field-sublabel:not(#zzq), body.single-reviews .chalo-review-enquire .wpforms-field-sublabel:not(#zzq), body.single-accommodation .chalo-acco-enquire .wpforms-field-description:not(#zzq), body.chalo-accommodation .chalo-acco-enquire .wpforms-field-description:not(#zzq), body.single-special-offer .chalo-offer-enquire .wpforms-field-description:not(#zzq), body.chalo-offer .chalo-offer-enquire .wpforms-field-description:not(#zzq), body.chalo-review .chalo-review-enquire .wpforms-field-description:not(#zzq), body.single-reviews .chalo-review-enquire .wpforms-field-description:not(#zzq){ color:#6b6560 !important; }
/* inputs -> white with cream border + gold focus */
body.single-accommodation .chalo-acco-enquire input[type=text]:not(#zzq), body.chalo-accommodation .chalo-acco-enquire input[type=text]:not(#zzq), body.single-special-offer .chalo-offer-enquire input[type=text]:not(#zzq), body.chalo-offer .chalo-offer-enquire input[type=text]:not(#zzq), body.chalo-review .chalo-review-enquire input[type=text]:not(#zzq), body.single-reviews .chalo-review-enquire input[type=text]:not(#zzq), body.single-accommodation .chalo-acco-enquire input[type=email]:not(#zzq), body.chalo-accommodation .chalo-acco-enquire input[type=email]:not(#zzq), body.single-special-offer .chalo-offer-enquire input[type=email]:not(#zzq), body.chalo-offer .chalo-offer-enquire input[type=email]:not(#zzq), body.chalo-review .chalo-review-enquire input[type=email]:not(#zzq), body.single-reviews .chalo-review-enquire input[type=email]:not(#zzq), body.single-accommodation .chalo-acco-enquire input[type=tel]:not(#zzq), body.chalo-accommodation .chalo-acco-enquire input[type=tel]:not(#zzq), body.single-special-offer .chalo-offer-enquire input[type=tel]:not(#zzq), body.chalo-offer .chalo-offer-enquire input[type=tel]:not(#zzq), body.chalo-review .chalo-review-enquire input[type=tel]:not(#zzq), body.single-reviews .chalo-review-enquire input[type=tel]:not(#zzq), body.single-accommodation .chalo-acco-enquire input[type=url]:not(#zzq), body.chalo-accommodation .chalo-acco-enquire input[type=url]:not(#zzq), body.single-special-offer .chalo-offer-enquire input[type=url]:not(#zzq), body.chalo-offer .chalo-offer-enquire input[type=url]:not(#zzq), body.chalo-review .chalo-review-enquire input[type=url]:not(#zzq), body.single-reviews .chalo-review-enquire input[type=url]:not(#zzq), body.single-accommodation .chalo-acco-enquire input[type=number]:not(#zzq), body.chalo-accommodation .chalo-acco-enquire input[type=number]:not(#zzq), body.single-special-offer .chalo-offer-enquire input[type=number]:not(#zzq), body.chalo-offer .chalo-offer-enquire input[type=number]:not(#zzq), body.chalo-review .chalo-review-enquire input[type=number]:not(#zzq), body.single-reviews .chalo-review-enquire input[type=number]:not(#zzq), body.single-accommodation .chalo-acco-enquire input[type=date]:not(#zzq), body.chalo-accommodation .chalo-acco-enquire input[type=date]:not(#zzq), body.single-special-offer .chalo-offer-enquire input[type=date]:not(#zzq), body.chalo-offer .chalo-offer-enquire input[type=date]:not(#zzq), body.chalo-review .chalo-review-enquire input[type=date]:not(#zzq), body.single-reviews .chalo-review-enquire input[type=date]:not(#zzq), body.single-accommodation .chalo-acco-enquire textarea:not(#zzq), body.chalo-accommodation .chalo-acco-enquire textarea:not(#zzq), body.single-special-offer .chalo-offer-enquire textarea:not(#zzq), body.chalo-offer .chalo-offer-enquire textarea:not(#zzq), body.chalo-review .chalo-review-enquire textarea:not(#zzq), body.single-reviews .chalo-review-enquire textarea:not(#zzq), body.single-accommodation .chalo-acco-enquire select:not(#zzq), body.chalo-accommodation .chalo-acco-enquire select:not(#zzq), body.single-special-offer .chalo-offer-enquire select:not(#zzq), body.chalo-offer .chalo-offer-enquire select:not(#zzq), body.chalo-review .chalo-review-enquire select:not(#zzq), body.single-reviews .chalo-review-enquire select:not(#zzq), body.single-accommodation .chalo-acco-enquire .choices__inner:not(#zzq), body.chalo-accommodation .chalo-acco-enquire .choices__inner:not(#zzq), body.single-special-offer .chalo-offer-enquire .choices__inner:not(#zzq), body.chalo-offer .chalo-offer-enquire .choices__inner:not(#zzq), body.chalo-review .chalo-review-enquire .choices__inner:not(#zzq), body.single-reviews .chalo-review-enquire .choices__inner:not(#zzq){ background:#ffffff !important; border:1px solid #e8e0d6 !important; border-radius:0 !important; color:#2c1810 !important; }
body.single-accommodation .chalo-acco-enquire input:focus:not(#zzq), body.chalo-accommodation .chalo-acco-enquire input:focus:not(#zzq), body.single-special-offer .chalo-offer-enquire input:focus:not(#zzq), body.chalo-offer .chalo-offer-enquire input:focus:not(#zzq), body.chalo-review .chalo-review-enquire input:focus:not(#zzq), body.single-reviews .chalo-review-enquire input:focus:not(#zzq), body.single-accommodation .chalo-acco-enquire textarea:focus:not(#zzq), body.chalo-accommodation .chalo-acco-enquire textarea:focus:not(#zzq), body.single-special-offer .chalo-offer-enquire textarea:focus:not(#zzq), body.chalo-offer .chalo-offer-enquire textarea:focus:not(#zzq), body.chalo-review .chalo-review-enquire textarea:focus:not(#zzq), body.single-reviews .chalo-review-enquire textarea:focus:not(#zzq), body.single-accommodation .chalo-acco-enquire select:focus:not(#zzq), body.chalo-accommodation .chalo-acco-enquire select:focus:not(#zzq), body.single-special-offer .chalo-offer-enquire select:focus:not(#zzq), body.chalo-offer .chalo-offer-enquire select:focus:not(#zzq), body.chalo-review .chalo-review-enquire select:focus:not(#zzq), body.single-reviews .chalo-review-enquire select:focus:not(#zzq){ border-color:#c8a96e !important; box-shadow:0 0 0 3px rgba(200,169,110,0.12) !important; outline:none !important; }
body.single-accommodation .chalo-acco-enquire input::placeholder:not(#zzq), body.chalo-accommodation .chalo-acco-enquire input::placeholder:not(#zzq), body.single-special-offer .chalo-offer-enquire input::placeholder:not(#zzq), body.chalo-offer .chalo-offer-enquire input::placeholder:not(#zzq), body.chalo-review .chalo-review-enquire input::placeholder:not(#zzq), body.single-reviews .chalo-review-enquire input::placeholder:not(#zzq), body.single-accommodation .chalo-acco-enquire textarea::placeholder:not(#zzq), body.chalo-accommodation .chalo-acco-enquire textarea::placeholder:not(#zzq), body.single-special-offer .chalo-offer-enquire textarea::placeholder:not(#zzq), body.chalo-offer .chalo-offer-enquire textarea::placeholder:not(#zzq), body.chalo-review .chalo-review-enquire textarea::placeholder:not(#zzq), body.single-reviews .chalo-review-enquire textarea::placeholder:not(#zzq){ color:#9a938c !important; }
/* submit -> gold (reinforce) */
body.single-accommodation .chalo-acco-enquire button[type=submit]:not(#zzq), body.chalo-accommodation .chalo-acco-enquire button[type=submit]:not(#zzq), body.single-special-offer .chalo-offer-enquire button[type=submit]:not(#zzq), body.chalo-offer .chalo-offer-enquire button[type=submit]:not(#zzq), body.chalo-review .chalo-review-enquire button[type=submit]:not(#zzq), body.single-reviews .chalo-review-enquire button[type=submit]:not(#zzq), body.single-accommodation .chalo-acco-enquire .wpforms-submit:not(#zzq), body.chalo-accommodation .chalo-acco-enquire .wpforms-submit:not(#zzq), body.single-special-offer .chalo-offer-enquire .wpforms-submit:not(#zzq), body.chalo-offer .chalo-offer-enquire .wpforms-submit:not(#zzq), body.chalo-review .chalo-review-enquire .wpforms-submit:not(#zzq), body.single-reviews .chalo-review-enquire .wpforms-submit:not(#zzq){ background:#c8a96e !important; color:#ffffff !important; border:none !important; border-radius:0 !important; text-transform:uppercase !important; letter-spacing:2px !important; font-family:'Montserrat',sans-serif !important; font-weight:600 !important; }
body.single-accommodation .chalo-acco-enquire button[type=submit]:hover:not(#zzq), body.chalo-accommodation .chalo-acco-enquire button[type=submit]:hover:not(#zzq), body.single-special-offer .chalo-offer-enquire button[type=submit]:hover:not(#zzq), body.chalo-offer .chalo-offer-enquire button[type=submit]:hover:not(#zzq), body.chalo-review .chalo-review-enquire button[type=submit]:hover:not(#zzq), body.single-reviews .chalo-review-enquire button[type=submit]:hover:not(#zzq), body.single-accommodation .chalo-acco-enquire .wpforms-submit:hover:not(#zzq), body.chalo-accommodation .chalo-acco-enquire .wpforms-submit:hover:not(#zzq), body.single-special-offer .chalo-offer-enquire .wpforms-submit:hover:not(#zzq), body.chalo-offer .chalo-offer-enquire .wpforms-submit:hover:not(#zzq), body.chalo-review .chalo-review-enquire .wpforms-submit:hover:not(#zzq), body.single-reviews .chalo-review-enquire .wpforms-submit:hover:not(#zzq){ background:#b8954e !important; }
/* v34y (2026-07-06) — enquiry heading white, beat .entry-content h2:not():not() (spec 232) with 3 fake-IDs */
body.single-accommodation .chalo-acco-enquire h2:not(#z1):not(#z2):not(#z3), body.chalo-accommodation .chalo-acco-enquire h2:not(#z1):not(#z2):not(#z3), body.single-special-offer .chalo-offer-enquire h2:not(#z1):not(#z2):not(#z3), body.chalo-offer .chalo-offer-enquire h2:not(#z1):not(#z2):not(#z3), body.chalo-review .chalo-review-enquire h2:not(#z1):not(#z2):not(#z3), body.single-reviews .chalo-review-enquire h2:not(#z1):not(#z2):not(#z3){ color:#ffffff !important; }
body.single-accommodation .chalo-acco-enquire h3:not(#z1):not(#z2):not(#z3), body.chalo-accommodation .chalo-acco-enquire h3:not(#z1):not(#z2):not(#z3), body.single-special-offer .chalo-offer-enquire h3:not(#z1):not(#z2):not(#z3), body.chalo-offer .chalo-offer-enquire h3:not(#z1):not(#z2):not(#z3), body.chalo-review .chalo-review-enquire h3:not(#z1):not(#z2):not(#z3), body.single-reviews .chalo-review-enquire h3:not(#z1):not(#z2):not(#z3){ color:#ffffff !important; }
body.single-accommodation .chalo-acco-enquire .enquiry-subtitle:not(#z1):not(#z2):not(#z3), body.chalo-accommodation .chalo-acco-enquire .enquiry-subtitle:not(#z1):not(#z2):not(#z3), body.single-special-offer .chalo-offer-enquire .enquiry-subtitle:not(#z1):not(#z2):not(#z3), body.chalo-offer .chalo-offer-enquire .enquiry-subtitle:not(#z1):not(#z2):not(#z3), body.chalo-review .chalo-review-enquire .enquiry-subtitle:not(#z1):not(#z2):not(#z3), body.single-reviews .chalo-review-enquire .enquiry-subtitle:not(#z1):not(#z2):not(#z3), body.single-accommodation .chalo-acco-enquire > p:not(#z1):not(#z2):not(#z3), body.chalo-accommodation .chalo-acco-enquire > p:not(#z1):not(#z2):not(#z3), body.single-special-offer .chalo-offer-enquire > p:not(#z1):not(#z2):not(#z3), body.chalo-offer .chalo-offer-enquire > p:not(#z1):not(#z2):not(#z3), body.chalo-review .chalo-review-enquire > p:not(#z1):not(#z2):not(#z3), body.single-reviews .chalo-review-enquire > p:not(#z1):not(#z2):not(#z3){ color:rgba(255,255,255,0.9) !important; }
/* ============================================================
v34z (2026-07-06) — content-page hero refinement + Diary archive
============================================================ */
/* Content-page hero band: lighter legibility gradient so the image
reads as a photo (was a flat 0.5 brown box). Overrides v34u. */
body.chalo-content-page .hero-section[data-type]{
background-image:linear-gradient(180deg, rgba(0,0,0,0.28) 0%, rgba(0,0,0,0.26) 45%, rgba(0,0,0,0.55) 100%), url("/wp-content/uploads/2026/03/zebra-delta-scaled.jpg") !important;
background-size:cover !important; background-position:center 40% !important; background-repeat:no-repeat !important;
min-height:46vh !important;
}
/* ---- Diary category archive (category-diary, 129) ---- */
/* Full-width hero band (unhide the .hero-section the archive normally hides) */
html body.category-diary.archive .hero-section,
html body.category-diary.archive .hero-section[data-type],
html body.category-diary .hero-section:not(#zz){
display:flex !important; flex-direction:column; align-items:center; justify-content:center;
min-height:44vh !important; height:auto !important; width:100vw !important;
margin-left:calc(-50vw + 50%) !important; margin-bottom:56px !important; padding:0 !important;
background-image:linear-gradient(rgba(0,0,0,0.32),rgba(0,0,0,0.55)), url("/wp-content/uploads/2026/03/zebra-delta-scaled.jpg") !important;
background-size:cover !important; background-position:center 42% !important; text-align:center !important;
}
body.category-diary .hero-section .entry-header{display:block !important; min-height:0 !important; background:none !important; width:auto !important; margin:0 !important; padding:0 !important;}
body.category-diary .hero-section .page-title{font-size:0 !important; margin:0 !important; line-height:0 !important;}
body.category-diary .hero-section .page-title::after{
content:"The Chalo Africa Diary"; font-family:'Cormorant Garamond',Georgia,serif; font-weight:400;
font-size:56px; color:#ffffff; letter-spacing:0.5px; line-height:1.1;
}
/* Single-column editorial list */
body.category-diary .entries{grid-template-columns:1fr !important; max-width:940px !important; margin:0 auto !important; gap:0 !important; padding:0 20px;}
body.category-diary .entry-card{
display:grid !important; grid-template-columns:320px 1fr; column-gap:34px;
grid-template-areas:"img kicker" "img title" "img excerpt" "img meta";
grid-template-rows:auto auto 1fr auto; align-items:start;
padding:36px 0 !important; border-bottom:1px solid #e8e0d6 !important; background:transparent !important;
}
body.category-diary .entry-card > .ct-media-container{grid-area:img; height:100%; margin:0 !important;}
body.category-diary .entry-card > .ct-media-container img{width:100% !important; height:100% !important; min-height:210px; object-fit:cover !important; border-radius:0 !important;}
body.category-diary .entry-card > .entry-meta:first-of-type{grid-area:kicker; margin:0 0 8px !important;}
body.category-diary .entry-card > .entry-title{grid-area:title; margin:0 0 12px !important; font-size:28px !important;}
body.category-diary .entry-card > .entry-excerpt{grid-area:excerpt; margin:0 0 14px !important;}
body.category-diary .entry-card > .entry-meta:last-of-type{grid-area:meta; margin:0 !important;}
/* responsive: stack image over text on mobile */
@media (max-width:680px){
body.category-diary .entry-card{grid-template-columns:1fr; grid-template-areas:"img" "kicker" "title" "excerpt" "meta";}
body.category-diary .hero-section .page-title::after{font-size:36px;}
}
/* ============================================================
v35a (2026-07-06) — Single blog post readability
============================================================ */
/* Hero taller so the Cormorant title clears the fixed nav (was overlapping) */
html body.single-post .hero-section,
html body.single-post .hero-section[data-type]{ min-height:430px !important; padding-top:80px !important; padding-bottom:30px !important; }
/* Tighter measure + more generous leading; emphasised lead paragraph */
body.single-post .entry-content{ max-width:720px !important; }
body.single-post .entry-content p{ line-height:1.85 !important; }
body.single-post .entry-content > p:first-of-type{ font-size:19px !important; line-height:1.7 !important; color:#4a4340 !important; }
/* v35b (2026-07-06) — content-page GB hero flush to top (remove 60px entry-content gap) */
body.chalo-content-page .entry-content:has(.gb-layout-hero-1){ padding-top:0 !important; }
/* ================= CHALO JUL-7 2026 POLISH ADDITIONS ================= */
/* ---------- Global legibility: darker, slightly heavier body copy ---------- */
.entry-content p, .entry-content li { color:#3a352f; }
body.chalo-content-page .entry-content p, body.chalo-content-page .entry-content li,
body.chalo-standalone .entry-content p, body.chalo-standalone .entry-content li,
body.single-post .entry-content p, body.single-post .entry-content li { color:#39332e; font-weight:400; }
/* =================== CONTACT (page 439) =================== */
body.page-id-439 .hero-section[data-type="type-1"]{
display:flex!important; align-items:center; justify-content:center;
min-height:50vh!important; position:relative;
width:100vw; margin-left:calc(-50vw + 50%);
background:url(../../uploads/2026/07/contact-us-hero.jpg) center/cover no-repeat!important;
background-color:#2c1810!important;
}
body.page-id-439 .hero-section::after{content:"";position:absolute;inset:0;
background:linear-gradient(180deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,.35) 55%,rgba(0,0,0,.55) 100%);z-index:0;}
body.page-id-439 .hero-section .entry-header{position:relative;z-index:1;}
body.page-id-439 .hero-section .page-title{color:#fff!important;font-family:"Cormorant Garamond",serif!important;font-weight:300!important;font-size:58px!important;text-align:center;margin:0;}
body.page-id-439 .entry-content{max-width:1060px;margin:0 auto;}
body.page-id-439 #h-get-in-touch{font-family:"Montserrat",sans-serif!important;font-weight:600!important;color:#c8a96e!important;font-size:13px!important;letter-spacing:2px;text-transform:uppercase;margin:54px 0 6px!important;}
body.page-id-439 #h-plan-your-safari-with-chalo-africa,
body.page-id-439 #h-general-queries,
body.page-id-439 #h-speak-to-us{font-family:"Cormorant Garamond",serif!important;font-size:36px!important;color:#2c1810!important;font-weight:400!important;line-height:1.2;}
body.page-id-439 .chalo-plan-img{max-width:640px;margin:14px auto 6px;}
body.page-id-439 .chalo-plan-img img{width:100%;height:auto;display:block;border:1px solid #e8e0d6;box-shadow:0 14px 40px rgba(0,0,0,.12);border-radius:0;}
body.page-id-439 .wp-block-buttons{justify-content:center!important;}
body.page-id-439 .wp-block-button.has-custom-width,
body.page-id-439 .wp-block-button{width:auto!important;max-width:none!important;}
body.page-id-439 .wp-block-button .wp-block-button__link{display:inline-block;width:auto!important;min-width:280px;max-width:340px;margin:0 auto;padding:16px 46px!important;}
body.page-id-439 .wp-block-separator{border:none!important;height:1px!important;background:#c8a96e!important;max-width:80px;margin:46px auto!important;opacity:1!important;}
body.page-id-439 img.wp-image-2029{border:5px solid #fff!important;box-shadow:0 0 0 2px #c8a96e,0 12px 30px rgba(0,0,0,.16)!important;}
body.page-id-439 #h-speak-to-us{text-align:center;margin-bottom:6px;}
body.page-id-439 .wp-block-columns.has-3-columns{max-width:1000px;margin:26px auto 0!important;gap:26px!important;}
body.page-id-439 .has-3-columns .wp-block-column{background:#faf7f2;border:1px solid #e8e0d6;padding:34px 22px;text-align:center;transition:box-shadow .25s ease,transform .25s ease;}
body.page-id-439 .has-3-columns .wp-block-column:hover{box-shadow:0 16px 44px rgba(0,0,0,.10);transform:translateY(-4px);}
body.page-id-439 .has-3-columns .wp-block-column img{width:118px!important;height:118px!important;object-fit:cover;border-radius:50%;border:4px solid #fff;box-shadow:0 0 0 2px #c8a96e;margin:0 auto 6px;}
body.page-id-439 .has-3-columns h4{font-family:"Cormorant Garamond",serif!important;font-size:22px!important;color:#2c1810!important;margin:14px 0 2px!important;}
body.page-id-439 .has-3-columns h5{font-family:"Montserrat",sans-serif!important;font-weight:500!important;font-size:12px!important;letter-spacing:1.4px;text-transform:uppercase;color:#c8a96e!important;margin:0 0 12px!important;font-style:normal!important;}
body.page-id-439 .has-3-columns h5 em{font-style:normal!important;}
body.page-id-439 .has-3-columns p{font-family:"Montserrat",sans-serif!important;font-size:14px!important;color:#4a4340!important;line-height:1.7!important;}
body.page-id-439 .has-3-columns a{color:#c8a96e!important;}
/* =================== OUR TEAM (page 610) =================== */
body.page-id-610 .entry-content figure.aligncenter img,
body.page-id-610 .entry-content .wp-block-image img{
border:1px solid #c8a96e!important; padding:6px; background:#fff;
box-shadow:0 12px 34px rgba(0,0,0,.10)!important; border-radius:0!important;}
body.page-id-610 .entry-content figure.wp-block-image,
body.page-id-610 .entry-content .wp-block-image{margin-bottom:2px!important;}
body.page-id-610 .entry-content h2{margin-top:4px!important;margin-bottom:2px!important;}
body.page-id-610 .wp-block-genesis-blocks-gb-notice,
body.page-id-610 .gb-block-notice{background:#faf7f2!important;border:1px solid #e8e0d6!important;border-left:4px solid #c8a96e!important;color:#4a4340!important;padding:26px 32px!important;max-width:640px;margin:34px auto!important;border-radius:0!important;box-shadow:0 10px 28px rgba(0,0,0,.05);}
body.page-id-610 .gb-notice-title{font-family:"Cormorant Garamond",serif!important;color:#2c1810!important;font-size:24px!important;margin-bottom:6px!important;}
body.page-id-610 .gb-notice-text,body.page-id-610 .gb-notice-text p{font-family:"Montserrat",sans-serif!important;color:#4a4340!important;font-size:15px!important;}
body.page-id-610 .gb-notice-text a{color:#c8a96e!important;font-weight:600;}
/* =================== CAREERS (page 28204) =================== */
body.page-id-28204 .hero-section{
background:url(../../uploads/2026/07/safari-careers.jpg) center/cover no-repeat!important;
background-color:#2c1810!important; position:relative; min-height:46vh!important;}
body.page-id-28204 .hero-section::after{content:"";position:absolute;inset:0;
background:linear-gradient(180deg,rgba(0,0,0,.32),rgba(0,0,0,.45) 60%,rgba(0,0,0,.60));z-index:0;}
body.page-id-28204 .hero-section > *,body.page-id-28204 .hero-section .entry-header{position:relative;z-index:1;}
body.page-id-28204 .hero-section .page-title{color:#fff!important;}
body.page-id-28204 .entry-content .wp-block-separator{border:none!important;height:1px!important;background:#c8a96e!important;max-width:80px;margin:42px auto!important;opacity:1!important;}
/* =================== DIARY (category-diary) =================== */
body.category-diary .entries{row-gap:44px!important;}
body.category-diary .entry-card{align-items:stretch!important;}
body.category-diary .entry-card .ct-media-container{height:100%!important;}
body.category-diary .entry-card .ct-media-container img,
body.category-diary .entry-card .wp-post-image{height:100%!important;object-fit:cover!important;}
/* =================== GLOBAL PAGINATION =================== */
.ct-pagination,.chalo-pagination,.nav-links.pagination,nav.pagination{margin:52px auto 24px!important;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;}
.ct-pagination .ct-hidden-sm{display:flex!important;gap:8px;flex-wrap:wrap;align-items:center;}
.ct-pagination .page-numbers,.nav-links .page-numbers,.chalo-pagination a,.chalo-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 14px;border:1px solid #e8e0d6;color:#4a4340;font-family:"Montserrat",sans-serif;font-size:14px;text-decoration:none;transition:all .2s ease;background:#fff;}
.ct-pagination a.page-numbers:hover,.nav-links a.page-numbers:hover{border-color:#c8a96e;color:#c8a96e;}
.ct-pagination .page-numbers.current,.nav-links .page-numbers.current,.chalo-pagination .current{background:#c8a96e!important;border-color:#c8a96e!important;color:#fff!important;}
.ct-pagination .page-numbers.dots,.nav-links .page-numbers.dots{border:none;min-width:auto;padding:0 4px;background:transparent;}
.ct-pagination .next.page-numbers,.ct-pagination .prev.page-numbers{gap:6px;}
/* =================== BLOG SINGLE POST =================== */
body.single-post .hero-section{position:relative;overflow:hidden;}
body.single-post .hero-section.has-featured-hero{background:#2c1810!important;}
body.single-post .hero-section .chalo-post-hero-bg{position:absolute!important;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
body.single-post .hero-section.has-featured-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.38),rgba(0,0,0,.45) 55%,rgba(0,0,0,.66));z-index:1;}
body.single-post .hero-section .entry-header{position:relative;z-index:2;}
body.single-post .ct-comments,body.single-post #comments{max-width:760px;margin:56px auto 0;padding-top:34px;border-top:1px solid #e8e0d6;}
body.single-post .ct-comments-title,body.single-post .comments-title{font-family:"Cormorant Garamond",serif!important;font-size:30px!important;color:#2c1810!important;margin-bottom:26px!important;font-weight:400;}
body.single-post .comment-list{list-style:none;margin:0;padding:0;}
body.single-post .comment-body{background:#faf7f2;border:1px solid #e8e0d6;padding:24px 26px;margin-bottom:18px;}
body.single-post .comment-author .fn,body.single-post .comment-author b,body.single-post .comment-author cite{font-family:"Cormorant Garamond",serif!important;font-size:19px;color:#2c1810;font-style:normal;font-weight:600;}
body.single-post .comment-author img.avatar{border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #c8a96e;}
body.single-post .comment-metadata a,body.single-post .comment-meta a{color:#6b6560!important;font-size:12px;}
body.single-post .comment-content p{color:#4a4340;font-size:15px;line-height:1.75;}
body.single-post .comment-respond{background:#fff;border:1px solid #e8e0d6;padding:32px;margin-top:26px;}
body.single-post .comment-reply-title{font-family:"Cormorant Garamond",serif!important;font-size:26px!important;color:#2c1810!important;font-weight:400;}
body.single-post .comment-form input[type=text],body.single-post .comment-form input[type=email],body.single-post .comment-form input[type=url],body.single-post .comment-form textarea{border:1px solid #e8e0d6!important;border-radius:0!important;background:#faf7f2!important;padding:12px 14px!important;font-family:"Montserrat",sans-serif!important;width:100%;}
body.single-post .comment-form input:focus,body.single-post .comment-form textarea:focus{border-color:#c8a96e!important;box-shadow:0 0 0 3px rgba(200,169,110,.12)!important;outline:none;}
body.single-post .comment-form .submit,body.single-post .form-submit .submit{background:#c8a96e!important;color:#fff!important;border:none!important;border-radius:0!important;padding:14px 42px!important;font-family:"Montserrat",sans-serif!important;font-weight:600!important;letter-spacing:2px!important;text-transform:uppercase!important;font-size:13px!important;cursor:pointer;transition:all .2s ease;}
body.single-post .comment-form .submit:hover{background:#b8954e!important;transform:translateY(-2px);}
/* =================== FAQ (page 415) =================== */
body.page-id-415 .hero-section[data-type="type-1"]{
display:flex!important; align-items:center; justify-content:center;
min-height:46vh!important; position:relative;
width:100vw; margin-left:calc(-50vw + 50%);
background:url(../../uploads/2026/07/safari-faqs.jpg) center/cover no-repeat!important;
background-color:#2c1810!important;}
body.page-id-415 .hero-section::after{content:"";position:absolute;inset:0;
background:linear-gradient(180deg,rgba(0,0,0,.30),rgba(0,0,0,.45) 60%,rgba(0,0,0,.55));z-index:0;}
body.page-id-415 .hero-section .entry-header{position:relative;z-index:1;}
body.page-id-415 .hero-section .page-title{color:#fff!important;font-family:"Cormorant Garamond",serif!important;font-weight:300!important;}
/* ================= END CHALO JUL-7 ADDITIONS ================= */
/* ===== HERO BACKGROUND OVERRIDES (beat existing gradient rules) ===== */
body.page-id-439 .hero-section[data-type="type-1"],
body.page-id-439.chalo-standalone .hero-section{background-image:url(../../uploads/2026/07/contact-us-hero.jpg)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;}
body.page-id-415 .hero-section[data-type="type-1"],
body.page-id-415.chalo-standalone .hero-section{background-image:url(../../uploads/2026/07/safari-faqs.jpg)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;min-height:46vh!important;display:flex!important;align-items:center;justify-content:center;position:relative;width:100vw;margin-left:calc(-50vw + 50%);}
body.page-id-28204 .hero-section[data-type="type-1"],
body.page-id-28204.chalo-content-page .hero-section{background-image:url(../../uploads/2026/07/safari-careers.jpg)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;min-height:46vh!important;position:relative;}
/* ===== HERO BACKGROUND OVERRIDES v2 (max specificity) ===== */
html body.page-id-439.chalo-standalone .hero-section[data-type="type-1"]{background-image:url(../../uploads/2026/07/contact-us-hero.jpg)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;}
html body.page-id-415.chalo-standalone .hero-section[data-type="type-1"]{background-image:url(../../uploads/2026/07/safari-faqs.jpg)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;display:flex!important;min-height:46vh!important;align-items:center;justify-content:center;position:relative;width:100vw;margin-left:calc(-50vw + 50%);}
html body.page-id-28204.chalo-content-page .hero-section[data-type="type-1"]{background-image:url(../../uploads/2026/07/safari-careers.jpg)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;min-height:46vh!important;position:relative;}
/* ===== REVIEWS ARCHIVE ===== */
body.post-type-archive-reviews .rvx-hero{background-image:url(../../uploads/2026/07/safari-reviews.jpg)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;position:relative;}
body.post-type-archive-reviews .rvx-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.45) 60%,rgba(0,0,0,.6));z-index:0;}
body.post-type-archive-reviews .rvx-hero > *{position:relative;z-index:1;}
body.post-type-archive-reviews .rvx-hero h1{color:#fff!important;}
body.post-type-archive-reviews .rvx-hero p{color:rgba(255,255,255,.9)!important;}
body.post-type-archive-reviews .entry-card{text-align:center!important;}
body.post-type-archive-reviews .entry-card [class*="ct-term"]{display:inline-block;float:none;}
body.post-type-archive-reviews .rvx-stars{text-align:center!important;}
body.post-type-archive-reviews .entry-card .entry-title,body.post-type-archive-reviews .entry-card .entry-title a,body.post-type-archive-reviews .rvx-quote{text-align:center!important;}
body.post-type-archive-reviews .rvx-more{display:inline-block;margin:0 auto;}
body.post-type-archive-reviews .entry-card .ct-media-container{margin:0 0 18px!important;width:100%!important;border-radius:0!important;}
body.post-type-archive-reviews .entry-meta,body.post-type-archive-reviews .ct-entry-meta{justify-content:center!important;text-align:center;}
/* ===== DIARY card image fill (retry) ===== */
body.category-diary .entry-card > *{align-self:stretch!important;}
body.category-diary .entry-card .ct-media-container{height:100%!important;min-height:100%!important;}
body.category-diary .entry-card .ct-media-container img{height:100%!important;width:100%!important;object-fit:cover!important;}
/* ===== BLOG comment cards ===== */
body.single-post .ct-comment-list{list-style:none!important;margin:0;padding:0;}
body.single-post .ct-comment-inner{background:#faf7f2;border:1px solid #e8e0d6;padding:24px 26px;margin-bottom:18px;}
body.single-post .ct-comment-inner .ct-comment-author,body.single-post .comment-author .fn{font-family:"Cormorant Garamond",serif!important;font-size:19px;color:#2c1810;font-weight:600;font-style:normal;}
/* ===== DIARY card = image height (final) ===== */
body.category-diary .entry-card{padding:0!important;align-items:stretch!important;overflow:hidden}
body.category-diary .entry-card .ct-media-container{align-self:stretch!important;height:100%!important;aspect-ratio:auto!important;position:relative}
body.category-diary .entry-card .ct-media-container img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;aspect-ratio:auto!important}
body.category-diary .entry-card > *:not(.ct-media-container){padding:26px 30px 26px 0}
/* ===== REVIEWS byline + SafariBookings + detail nav (jul7) ===== */
body.post-type-archive-reviews .rvx-byline{font-family:"Montserrat",sans-serif;font-size:12.5px;letter-spacing:.3px;color:#6b6560;margin:6px 0 10px;text-align:center;}
body.post-type-archive-reviews .rvx-sb-intro{max-width:760px;margin:36px auto 6px;text-align:center;padding:0 20px;}
body.post-type-archive-reviews .rvx-sb-intro p{font-family:"Montserrat",sans-serif;font-size:15px;line-height:1.7;color:#4a4340;}
body.post-type-archive-reviews .rvx-sb-badge{display:inline-block;margin-top:16px;border:1px solid #e8e0d6;padding:8px;background:#fff;transition:box-shadow .2s ease;}
body.post-type-archive-reviews .rvx-sb-badge:hover{box-shadow:0 10px 30px rgba(0,0,0,.1);}
body.post-type-archive-reviews .rvx-sb-badge img{display:block;width:200px;height:auto;border-radius:0;}
.rvx-nav{display:flex;justify-content:space-between;gap:20px;max-width:900px;margin:54px auto 0;padding-top:28px;border-top:1px solid #e8e0d6;flex-wrap:wrap;}
.rvx-nav a{flex:1;min-width:240px;text-decoration:none;border:1px solid #e8e0d6;padding:16px 20px;transition:all .2s ease;background:#faf7f2;}
.rvx-nav a:hover{border-color:#c8a96e;box-shadow:0 8px 24px rgba(0,0,0,.06);}
.rvx-nav .rvx-nav-next{text-align:right;}
.rvx-nav span{display:block;font-family:"Montserrat",sans-serif;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#c8a96e;font-weight:600;margin-bottom:6px;}
.rvx-nav em{font-family:"Cormorant Garamond",serif;font-style:normal;font-size:18px;color:#2c1810;line-height:1.3;}
/* ===== FAQ category headers (expanded accordion) ===== */
body.page-id-415 .chalo-faq-cat{font-family:"Cormorant Garamond",serif;font-size:26px;color:#2c1810;margin:38px auto 14px;max-width:820px;text-align:left;padding-bottom:8px;border-bottom:1px solid #e8e0d6;}
body.page-id-415 .chalo-faq-cat:first-of-type{margin-top:24px;}
/* ===== Reviews infinite scroll (hide pagination) ===== */
body.post-type-archive-reviews .ct-pagination{display:none!important;}
/* ===== Reviews card refinements 2 (jul7) ===== */
body.post-type-archive-reviews .rvx-sb-badge{border:none!important;padding:0!important;background:transparent!important;box-shadow:none!important;}
body.post-type-archive-reviews .rvx-sb-badge:hover{box-shadow:none!important;transform:none;}
body.post-type-archive-reviews .entry-card{display:flex!important;flex-direction:column;border-top:3px solid #c8a96e!important;padding:0!important;overflow:hidden;}
body.post-type-archive-reviews .entry-card .ct-media-container{order:-1!important;margin:0 0 20px!important;width:100%!important;}
body.post-type-archive-reviews .entry-card > *:not(.ct-media-container){padding-left:32px;padding-right:32px;}
body.post-type-archive-reviews .entry-card > *:last-child{padding-bottom:28px;}
body.post-type-archive-reviews .rvx-byline{margin:8px 0 14px;line-height:1.5;}
body.post-type-archive-reviews .rvx-byline .rvx-name{font-family:"Cormorant Garamond",serif;font-size:21px;color:#2c1810;font-weight:600;}
body.post-type-archive-reviews .rvx-byline .rvx-meta{font-family:"Montserrat",sans-serif;font-size:13px;color:#6b6560;}
/* ===== Reviews card refinements 3 (jul7) ===== */
body.post-type-archive-reviews .entry-card{border-top-color:#c8a96e!important;border-top-width:3px!important;border-top-style:solid!important;}
body.post-type-archive-reviews .rvx-stars{margin:0 0 6px!important;}
body.post-type-archive-reviews .entry-title{margin-top:0!important;}
body.post-type-archive-reviews .rvx-byline{margin:10px 0 14px;}
body.post-type-archive-reviews .rvx-byline .rvx-name{display:block!important;font-family:"Cormorant Garamond",serif!important;font-size:22px!important;color:#2c1810!important;font-weight:600!important;}
body.post-type-archive-reviews .rvx-byline .rvx-meta{display:block!important;font-family:"Montserrat",sans-serif!important;font-size:12.5px!important;color:#6b6560!important;margin-top:3px!important;}
body.post-type-archive-reviews .rvx-sb-widget{display:block;text-align:center;padding:0 5px 5px;}
/* ===== Reviews card top border fix (beat article.entry-card transparent) ===== */
body.post-type-archive-reviews article.entry-card{border-top:3px solid #c8a96e!important;}
/* ===== Review DETAIL page redesign (jul7) ===== */
body.chalo-review .chalo-review-stars{text-align:center;color:#c8a96e;font-size:22px;letter-spacing:5px;margin:16px 0 0;}
body.chalo-review .chalo-review-content{max-width:760px;margin:44px auto 0;font-family:"Cormorant Garamond",serif;font-size:22px;line-height:1.75;color:#2c1810;}
body.chalo-review .chalo-review-content p{margin:0 0 22px;}
body.chalo-review .chalo-review-attribution{max-width:760px;margin:34px auto 0;text-align:center;padding-top:24px;border-top:1px solid #e8e0d6;}
body.chalo-review .chalo-reviewer-name{font-family:"Cormorant Garamond",serif!important;font-size:27px!important;color:#2c1810!important;font-weight:600!important;margin:0 0 6px!important;}
body.chalo-review .chalo-reviewer-meta{font-family:"Montserrat",sans-serif!important;font-size:14px!important;color:#6b6560!important;line-height:1.8!important;}
body.chalo-review .chalo-review-destination a,body.chalo-review .chalo-review-type a{color:#c8a96e!important;font-weight:600;}
body.chalo-review .chalo-review-external{margin-top:22px!important;}
body.chalo-review .chalo-review-external a{display:inline-block;background:#c8a96e;color:#fff!important;padding:12px 32px;font-family:"Montserrat",sans-serif;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;transition:all .2s ease;}
body.chalo-review .chalo-review-external a:hover{background:#b8954e;transform:translateY(-2px);}
body.chalo-review .chalo-review-divider{border:none!important;height:1px!important;background:#e8e0d6!important;max-width:760px;margin:44px auto!important;}
body.chalo-review .chalo-review-nav{display:flex;justify-content:space-between;gap:20px;max-width:760px;margin:0 auto 50px;flex-wrap:wrap;}
body.chalo-review .chalo-review-nav > div{flex:1;min-width:220px;}
body.chalo-review .chalo-review-nav a{color:#2c1810;text-decoration:none;font-family:"Cormorant Garamond",serif;font-size:18px;border:1px solid #e8e0d6;padding:16px 22px;display:block;transition:all .2s ease;background:#faf7f2;}
body.chalo-review .chalo-review-nav a:hover{border-color:#c8a96e;color:#c8a96e;}
body.chalo-review .chalo-review-nav-next{text-align:right;}
/* ===== Reviews reviewer name less bold ===== */
body.post-type-archive-reviews .rvx-byline .rvx-name{font-weight:500!important;}
body.chalo-review .chalo-reviewer-name{font-weight:500!important;}
/* ===== Review DETAIL flip carousel ===== */
body.chalo-review .chalo-page-hero{background-image:url(../../uploads/2026/07/safari-reviews.jpg)!important;background-size:cover!important;background-position:center!important;}
body.chalo-review .chalo-page-hero .chalo-review-title,body.chalo-review .chalo-page-hero .chalo-review-stars{display:none!important;}
body.chalo-review .rvx-hidden{display:none!important;}
.rvx-flip-container{max-width:820px;margin:44px auto 60px;position:relative;}
.rvx-detail-card{border-top:3px solid #c8a96e;background:#fff;box-shadow:0 16px 50px rgba(0,0,0,.09);overflow:hidden;animation:rvxIn .35s ease;}
@keyframes rvxIn{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:none;}}
.rvx-dc-imgwrap{width:100%;overflow:hidden;}
.rvx-dc-img{width:100%;height:380px;object-fit:cover;display:block;}
.rvx-dc-body{padding:34px 46px 42px;text-align:center;}
.rvx-dc-country{font-family:"Montserrat",sans-serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#c8a96e;font-weight:600;margin-bottom:8px;}
.rvx-dc-country a{color:#c8a96e;}
.rvx-dc-stars{color:#c8a96e;font-size:20px;letter-spacing:4px;margin-bottom:14px;}
.rvx-dc-title{font-family:"Cormorant Garamond",serif;font-size:34px;color:#2c1810;font-weight:500;margin:0 0 22px;line-height:1.2;}
.rvx-dc-content{font-family:"Cormorant Garamond",serif;font-size:20px;line-height:1.75;color:#2c1810;max-width:660px;margin:0 auto;}
.rvx-dc-content p{margin:0 0 18px;}
.rvx-dc-attr{margin-top:28px;padding-top:22px;border-top:1px solid #e8e0d6;}
.rvx-dc-attr .chalo-reviewer-name{font-family:"Cormorant Garamond",serif!important;font-size:24px!important;color:#2c1810!important;font-weight:500!important;margin:0 0 6px!important;}
.rvx-dc-attr .chalo-reviewer-meta{font-family:"Montserrat",sans-serif!important;font-size:13px!important;color:#6b6560!important;}
.rvx-dc-attr .chalo-review-destination a,.rvx-dc-attr .chalo-review-type a{color:#c8a96e!important;font-weight:600;}
.rvx-dc-attr .chalo-review-external{margin-top:16px!important;}
.rvx-dc-attr .chalo-review-external a{display:inline-block;background:#c8a96e;color:#fff!important;padding:11px 28px;font-family:"Montserrat",sans-serif;font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;}
.rvx-flip-prev,.rvx-flip-next{position:absolute;top:190px;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:1px solid #e8e0d6;background:#fff;color:#2c1810;font-size:26px;line-height:1;cursor:pointer;z-index:5;box-shadow:0 6px 20px rgba(0,0,0,.12);transition:all .2s ease;display:flex;align-items:center;justify-content:center;}
.rvx-flip-prev:hover,.rvx-flip-next:hover{background:#c8a96e;color:#fff;border-color:#c8a96e;}
.rvx-flip-prev{left:-24px;}.rvx-flip-next{right:-24px;}
.rvx-flip-prev:disabled,.rvx-flip-next:disabled{opacity:.35;cursor:default;}
body.post-type-archive-reviews .rvx-sb-widget{padding-top:22px!important;}
@media(max-width:900px){.rvx-flip-prev{left:4px;}.rvx-flip-next{right:4px;}.rvx-dc-body{padding:28px 22px 34px;}.rvx-dc-img{height:260px;}}
/* ===== Review DETAIL peek carousel v2 ===== */
.rvx-flip-stage{max-width:1200px;margin:44px auto 60px;position:relative;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;}
.rvx-detail-card{flex:0 0 auto;width:100%;max-width:720px;border-top:3px solid #c8a96e;background:#fff;box-shadow:0 16px 50px rgba(0,0,0,.10);overflow:hidden;animation:rvxIn .35s ease;position:relative;z-index:2;}
@keyframes rvxIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
.rvx-dc-imgwrap{width:100%;overflow:hidden;}
.rvx-dc-img{width:100%;height:380px;object-fit:cover;display:block;}
.rvx-dc-body{padding:30px 46px 42px;text-align:center;}
.rvx-dc-country{font-family:"Montserrat",sans-serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#c8a96e;font-weight:600;margin-bottom:8px;}
.rvx-dc-country a{color:#c8a96e;}
.rvx-dc-stars{color:#c8a96e;font-size:20px;letter-spacing:4px;margin-bottom:2px;}
.rvx-dc-title{font-family:"Cormorant Garamond",serif;font-size:34px;color:#2c1810;font-weight:500;margin:6px 0 20px;line-height:1.2;}
.rvx-dc-content{font-family:"Cormorant Garamond",serif;font-size:20px;line-height:1.75;color:#2c1810;max-width:640px;margin:0 auto;}
.rvx-dc-content p{margin:0 0 18px;}
.rvx-dc-attr{margin-top:26px;padding-top:22px;border-top:1px solid #e8e0d6;}
.rvx-dc-attr .chalo-reviewer-name{font-family:"Cormorant Garamond",serif!important;font-size:24px!important;color:#2c1810!important;font-weight:500!important;margin:0 0 6px!important;}
.rvx-dc-attr .chalo-reviewer-meta{font-family:"Montserrat",sans-serif!important;font-size:13px!important;color:#6b6560!important;}
.rvx-dc-attr .chalo-review-destination a,.rvx-dc-attr .chalo-review-type a{color:#c8a96e!important;font-weight:600;}
.rvx-dc-attr .chalo-review-external{margin-top:12px!important;}
.rvx-dc-attr .chalo-review-external a,body.chalo-review .chalo-review-external a{display:inline!important;background:none!important;color:#c8a96e!important;padding:0!important;text-transform:none!important;letter-spacing:.3px!important;font-size:14px!important;font-weight:600!important;text-decoration:underline!important;box-shadow:none!important;transform:none!important;}
.rvx-peek{flex:0 0 210px;margin-top:44px;opacity:.5;cursor:pointer;transition:opacity .25s ease;overflow:hidden;border-top:3px solid #e8e0d6;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.07);}
.rvx-peek:hover{opacity:.9;}
.rvx-peek-prev{margin-right:-70px;}
.rvx-peek-next{margin-left:-70px;}
.rvx-peek-img{width:100%;height:150px;object-fit:cover;display:block;}
.rvx-peek-title{padding:12px 14px;font-family:"Cormorant Garamond",serif;font-size:16px;color:#2c1810;text-align:center;line-height:1.3;}
.rvx-flip-prev,.rvx-flip-next{position:absolute;top:200px;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;border:1px solid #e8e0d6;background:#fff;color:#2c1810;font-size:26px;line-height:1;cursor:pointer;z-index:6;box-shadow:0 6px 20px rgba(0,0,0,.14);transition:all .2s ease;display:flex;align-items:center;justify-content:center;}
.rvx-flip-prev:hover,.rvx-flip-next:hover{background:#c8a96e;color:#fff;border-color:#c8a96e;}
.rvx-flip-prev{left:10px;}.rvx-flip-next{right:10px;}
.rvx-flip-prev:disabled,.rvx-flip-next:disabled{display:none;}
@media(max-width:1080px){.rvx-peek{display:none;}.rvx-detail-card{max-width:760px;}}
@media(max-width:820px){.rvx-dc-body{padding:26px 22px 34px;}.rvx-dc-img{height:260px;}.rvx-flip-prev{left:4px;}.rvx-flip-next{right:4px;}}
/* ===== Review detail hero = archive style ===== */
body.chalo-review .chalo-page-hero .chalo-review-section-label{display:none!important;}
body.chalo-review .chalo-page-hero .rvx-hero-title{font-family:"Cormorant Garamond",serif!important;color:#fff!important;font-weight:300!important;font-size:60px!important;text-align:center;margin:0 auto!important;line-height:1.1;}
body.chalo-review .chalo-page-hero .rvx-hero-sub{font-family:"Cormorant Garamond",serif!important;font-style:italic;color:rgba(255,255,255,.9)!important;font-size:20px!important;text-align:center;margin:10px auto 0!important;}
/* ===== Special Offers page 46232 ===== */
body.page-id-46232 .gb-block-container.gb-layout-hero-1,body.page-id-46232 .gb-layout-hero-1{min-height:430px!important;}
body.page-id-46232 .gb-layout-hero-1 .gb-container-inside{min-height:430px!important;}
body.page-id-46232 .fwpl-layout{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:28px!important;max-width:1200px;margin:0 auto;}
body.page-id-46232 .fwpl-result{border:1px solid #e8e0d6;border-top:3px solid #c8a96e;background:#fff;transition:box-shadow .25s ease,transform .25s ease;overflow:hidden;height:100%;}
body.page-id-46232 .fwpl-result:hover{box-shadow:0 14px 40px rgba(0,0,0,.1);transform:translateY(-4px);}
body.page-id-46232 .fwpl-result .fwpl-row,body.page-id-46232 .fwpl-result .fwpl-col{display:flex;flex-direction:column;height:100%;}
body.page-id-46232 .fwpl-result .el-cd8lsh{order:1;margin:0!important;}
body.page-id-46232 .fwpl-result .el-cd8lsh img{width:100%;height:220px;object-fit:cover;display:block;}
body.page-id-46232 .fwpl-result .offer-country{order:2;font-family:"Montserrat",sans-serif;font-size:10.5px;letter-spacing:1.8px;text-transform:uppercase;color:#c8a96e;font-weight:600;text-align:center;margin:16px 0 4px;}
body.page-id-46232 .fwpl-result .el-x6vpm{order:3;margin:0 0 8px!important;padding:0 18px!important;}
body.page-id-46232 .fwpl-result .el-x6vpm a{font-family:"Cormorant Garamond",serif!important;font-size:21px!important;color:#725929!important;font-weight:600;}
body.page-id-46232 .fwpl-result .el-7tfwjw{display:none!important;}
body.page-id-46232 .fwpl-result .el-u0z5k{order:4;padding:0 18px 8px!important;margin:0!important;border-top:none!important;}
body.page-id-46232 .fwpl-result .el-txeuxc{order:5;padding:0 18px 20px!important;margin:0!important;}
body.page-id-46232 .fwpl-result .el-u0z5k,body.page-id-46232 .fwpl-result .el-txeuxc{font-family:"Montserrat",sans-serif!important;font-size:12.5px!important;color:#6b6560!important;line-height:1.6;}
body.page-id-46232 .fwpl-result .fwpl-term{color:#4a4340;}
body.page-id-46232 .fwpl-result .dashicons{color:#c8a96e!important;}
body.page-id-46232 .facetwp-facet select,body.page-id-46232 .facetwp-facet .facetwp-dropdown{border:1px solid #e8e0d6!important;border-radius:0!important;padding:11px 14px!important;background:#fff!important;font-family:"Montserrat",sans-serif!important;font-size:14px!important;color:#4a4340;}
body.page-id-46232 .facetwp-facet select:focus{border-color:#c8a96e!important;box-shadow:0 0 0 3px rgba(200,169,110,.1)!important;outline:none;}
@media(max-width:1024px){body.page-id-46232 .fwpl-layout{grid-template-columns:repeat(2,1fr)!important;}}
@media(max-width:680px){body.page-id-46232 .fwpl-layout{grid-template-columns:1fr!important;}}
/* review detail: hide featured img in hero so default bg shows; quotes on archive titles */
body.chalo-review .chalo-page-hero .chalo-review-image{display:none!important;}
body.chalo-review .chalo-page-hero{display:flex!important;flex-direction:column;align-items:center;justify-content:center;}
body.post-type-archive-reviews .entry-card .entry-title a::before{content:"“";}
body.post-type-archive-reviews .entry-card .entry-title a::after{content:"”";}
/* review detail hero title via CSS (cache-reliable) */
body.chalo-review .rvx-hero-title,body.chalo-review .rvx-hero-sub{display:none!important;}
body.chalo-review .chalo-page-hero{position:relative;}
body.chalo-review .chalo-page-hero::before{content:"Guest Reviews";display:block;position:relative;z-index:3;font-family:"Cormorant Garamond",serif;color:#fff;font-weight:300;font-size:60px;line-height:1.1;text-align:center;text-shadow:0 2px 18px rgba(0,0,0,.45);}
body.chalo-review .chalo-page-hero::after{content:"Real journeys, in our travellers’ own words.";display:block;position:relative;z-index:3;font-family:"Cormorant Garamond",serif;font-style:italic;color:rgba(255,255,255,.95);font-size:20px;text-align:center;margin-top:10px;text-shadow:0 2px 14px rgba(0,0,0,.45);}
/* wider peek cards + full card border (bottom) */
body.chalo-review .rvx-detail-card{max-width:680px!important;border:1px solid #e8e0d6!important;border-top:3px solid #c8a96e!important;}
body.chalo-review .rvx-peek{flex:0 0 280px!important;opacity:.62!important;border:1px solid #e8e0d6!important;border-top:3px solid #e8e0d6!important;}
body.chalo-review .rvx-peek:hover{opacity:.95!important;}
body.chalo-review .rvx-peek-prev{margin-right:-34px!important;}
body.chalo-review .rvx-peek-next{margin-left:-34px!important;}
body.chalo-review .rvx-peek-img{height:200px!important;}
body.chalo-review .rvx-peek-title{font-size:17px!important;padding:14px 16px!important;}
html body.page-id-46232 .gb-block-container.gb-layout-hero-1{min-height:440px!important;max-height:480px!important;}
html body.page-id-46232 .gb-block-container.gb-layout-hero-1 .gb-container-inside{min-height:440px!important;}
/* review detail hero shorter */
body.chalo-review .chalo-page-hero{min-height:320px!important;max-height:360px!important;}
body.chalo-review .chalo-page-hero::before{font-size:48px!important;}
/* Special Offers card: uniform meta, left aligned, icons */
body.page-id-46232 .fwpl-result .offer-country{display:none!important;}
body.page-id-46232 .fwpl-result .fwpl-item{text-align:left!important;}
body.page-id-46232 .fwpl-result .el-cd8lsh{order:1;text-align:center!important;}
body.page-id-46232 .fwpl-result .el-x6vpm{order:2;padding:16px 20px 8px!important;margin:0!important;}
body.page-id-46232 .fwpl-result .el-x6vpm a{font-family:"Cormorant Garamond",serif!important;font-size:22px!important;color:#725929!important;font-weight:600;}
body.page-id-46232 .fwpl-result .el-u0z5k{order:3;}
body.page-id-46232 .fwpl-result .offer-country-row{order:4;}
body.page-id-46232 .fwpl-result .el-txeuxc{order:5;padding-bottom:20px!important;}
body.page-id-46232 .fwpl-result .el-u0z5k,body.page-id-46232 .fwpl-result .offer-country-row,body.page-id-46232 .fwpl-result .el-txeuxc{font-family:"Montserrat",sans-serif!important;font-size:13px!important;color:#4a4340!important;line-height:1.7!important;padding:2px 20px!important;margin:0!important;border:none!important;font-weight:400!important;}
body.page-id-46232 .fwpl-result .fwpl-term{text-transform:none!important;letter-spacing:0!important;font-weight:400!important;color:#725929!important;font-size:13px!important;}
body.page-id-46232 .fwpl-result .dashicons{color:#c8a96e!important;font-size:16px!important;width:16px;height:16px;vertical-align:text-bottom;margin-right:5px;}
/* ==== v35x 2026-07-07: lower Guest Reviews hero title + grayscale/wider peek nav images ==== */
body.post-type-archive-reviews .rvx-hero{padding:240px 24px 70px!important;justify-content:flex-end!important;}
body.chalo-review .chalo-page-hero{justify-content:flex-end!important;padding-bottom:72px!important;}
body.chalo-review .rvx-peek{flex:0 0 320px!important;}
body.chalo-review .rvx-peek-img{filter:grayscale(100%)!important;transition:filter .3s ease!important;}
body.chalo-review .rvx-peek:hover .rvx-peek-img{filter:grayscale(0)!important;}
/* ==== v35y 2026-07-07: offers+camps full-width beige filter bar; offers location pin; camps card uniform meta + collection kicker ==== */
body.page-id-46232 #safari-filters-wrap#safari-filters-wrap,
body.page-id-46466 #safari-filters-wrap#safari-filters-wrap{display:block!important;width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:0!important;background:#faf7f2!important;border-top:3px solid #c8a96e!important;padding:34px 24px 30px!important;box-sizing:border-box!important;}
body.page-id-46232 #safari-filters-wrap#safari-filters-wrap>.wp-block-heading,
body.page-id-46466 #safari-filters-wrap#safari-filters-wrap>.wp-block-heading{max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important;}
body.page-id-46232 #safari-filters-wrap#safari-filters-wrap .chalo-filter-row,
body.page-id-46466 #safari-filters-wrap#safari-filters-wrap .chalo-filter-row{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:20px!important;max-width:1200px!important;margin:18px auto 0!important;}
body.page-id-46232 .fwpl-result .el-u0z5k .dashicons{display:inline-block!important;color:#c8a96e!important;}
body.page-id-46232 .fwpl-result .el-u0z5k .dashicons::before{content:"\f230"!important;}
body.page-id-46466 .fwpl-result .camp-card-collection{order:2!important;font-family:'Montserrat',sans-serif!important;font-size:11px!important;font-weight:600!important;letter-spacing:1.5px!important;text-transform:uppercase!important;color:#c8a96e!important;margin:0 0 2px!important;padding:0!important;}
body.page-id-46466 .fwpl-result .el-js0zc{margin:0!important;padding:2px 0 4px!important;}
body.page-id-46466 .fwpl-result .el-h1jien,
body.page-id-46466 .fwpl-result .el-fsc1r9,
body.page-id-46466 .fwpl-result .camp-location-meta{margin:0!important;padding:4px 0 0!important;}
body.page-id-46466 .fwpl-result .el-h1jien,
body.page-id-46466 .fwpl-result .el-h1jien .camp-perx-inline,
body.page-id-46466 .fwpl-result .el-fsc1r9 .fwpl-term,
body.page-id-46466 .fwpl-result .camp-location-meta .camp-meta-item,
body.page-id-46466 .fwpl-result .camp-location-meta .fwpl-term{font-size:13px!important;font-weight:400!important;color:#6b6560!important;line-height:1.55!important;}
/* ==== v35z 2026-07-07: special-offer detail — clean hero title, modern accordion, accommodation cards match tour ==== */
body.chalo-offer .chalo-offer-title{border-top:none!important;border-bottom:none!important;padding-top:0!important;padding-bottom:0!important;}
body.chalo-offer .chalo-offer-accordion{margin-bottom:0!important;}
body.chalo-offer .chalo-offer-accordion details{border:none!important;border-bottom:1px solid #e8e0d6!important;border-radius:0!important;}
body.chalo-offer .chalo-offer-accordion details:first-of-type{border-top:1px solid #e8e0d6!important;}
body.chalo-offer .chalo-offer-summary{background:transparent!important;padding:20px 6px!important;font-size:19px!important;color:#2c1810!important;transition:color .2s!important;}
body.chalo-offer .chalo-offer-summary:hover{color:#b8954e!important;}
body.chalo-offer details[open] .chalo-offer-summary{border-bottom:none!important;color:#b8954e!important;}
body.chalo-offer .chalo-offer-accordion-body{padding:2px 6px 22px!important;}
body.chalo-offer .chalo-offer-acco-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:24px!important;}
body.chalo-offer .chalo-offer-acco-card{border:1px solid #e8e0d6!important;background:#fff!important;overflow:hidden!important;border-radius:0!important;transition:box-shadow .3s,transform .3s!important;}
body.chalo-offer .chalo-offer-acco-card:hover{border-top:2px solid #c8a96e!important;box-shadow:0 12px 30px rgba(0,0,0,0.10)!important;transform:translateY(-4px)!important;}
body.chalo-offer .chalo-offer-acco-img{height:200px!important;overflow:hidden!important;}
body.chalo-offer .chalo-offer-acco-img img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .5s!important;}
body.chalo-offer .chalo-offer-acco-card:hover .chalo-offer-acco-img img{transform:scale(1.05)!important;}
body.chalo-offer .chalo-offer-acco-info{padding:20px!important;}
body.chalo-offer .chalo-offer-acco-name{margin:0 0 10px!important;}
body.chalo-offer .chalo-offer-acco-name a{font-family:'Cormorant Garamond',Georgia,serif!important;font-size:19px!important;font-weight:600!important;color:#4a3020!important;}
body.chalo-offer .chalo-offer-acco-meta{margin:0!important;padding:0!important;list-style:none!important;}
body.chalo-offer .chalo-offer-acco-meta li{font-family:'Montserrat',sans-serif!important;font-size:13px!important;color:#6b6560!important;margin:5px 0!important;line-height:1.5!important;}
body.chalo-offer .chalo-offer-acco-meta .dashicons{color:#c8a96e!important;}
/* ==== v36a 2026-07-07: camps card neat rows + collection align, camps hero height reduced, offers dropdown height ==== */
body.page-id-46466 .fwpl-result .fwpl-item.camp-card-collection{padding-left:24px!important;}
body.page-id-46466 .fwpl-result .fwpl-item.el-h1jien{padding:7px 24px 0!important;margin:0!important;}
body.page-id-46466 .fwpl-result .fwpl-item.el-fsc1r9{padding:7px 24px 0!important;margin:0!important;}
body.page-id-46466 .fwpl-result .camp-location-meta{padding:7px 24px 0!important;margin:0!important;}
body.page-id-46466 .gb-layout-hero-1{min-height:0!important;}
body.page-id-46466 .gb-layout-hero-1 .gb-container-content{min-height:26vh!important;padding-top:46px!important;padding-bottom:20px!important;}
body.page-id-46466 .gb-layout-hero-1 .gb-container-inside{min-height:26vh!important;padding-top:40px!important;padding-bottom:40px!important;}
body.page-id-46232 #safari-filters-wrap select.facetwp-dropdown,
body.page-id-46466 #safari-filters-wrap select.facetwp-dropdown{height:46px!important;padding-top:12px!important;padding-bottom:12px!important;line-height:1.5!important;}
/* ==== v36b 2026-07-07: offer detail accommodation single-column (name+meta left, image right) ==== */
body.chalo-offer .chalo-offer-acco-grid{grid-template-columns:1fr!important;gap:22px!important;}
body.chalo-offer .chalo-offer-acco-card{display:flex!important;flex-direction:row-reverse!important;align-items:stretch!important;}
body.chalo-offer .chalo-offer-acco-img{flex:0 0 52%!important;width:52%!important;height:auto!important;min-height:250px!important;}
body.chalo-offer .chalo-offer-acco-img img{height:100%!important;}
body.chalo-offer .chalo-offer-acco-info{flex:1 1 48%!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:28px 34px!important;}
body.chalo-offer .chalo-offer-acco-name a{font-size:24px!important;}
@media(max-width:600px){body.chalo-offer .chalo-offer-acco-card{flex-direction:column!important;}body.chalo-offer .chalo-offer-acco-img{width:100%!important;flex:none!important;height:200px!important;min-height:0!important;}}
/* ==== v36c 2026-07-07: enquiry sections -> gold with subtle luxury diamond pattern (all inside pages) ==== */
html body .enquiry-section:not(#_a):not(#_b):not(#_c):not(#_d),html body .tour-enquire-section:not(#_a):not(#_b):not(#_c):not(#_d),html body .chalo-offer-enquire:not(#_a):not(#_b):not(#_c):not(#_d),html body .chalo-acco-enquire:not(#_a):not(#_b):not(#_c):not(#_d),html body .chalo-review-enquire:not(#_a):not(#_b):not(#_c):not(#_d){background-color:#c8a96e!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'64'%20height%3D'64'%3E%3Cg%20fill%3D'none'%20stroke%3D'%23ffffff'%20stroke-opacity%3D'0.13'%20stroke-width%3D'1'%3E%3Cpath%20d%3D'M32%202%20L62%2032%20L32%2062%20L2%2032%20Z'%2F%3E%3Ccircle%20cx%3D'32'%20cy%3D'32'%20r%3D'3.2'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important;background-repeat:repeat!important;background-size:64px 64px!important;}
html body .enquiry-section:not(#_a):not(#_b):not(#_c):not(#_d)::before,html body .enquiry-section:not(#_a):not(#_b):not(#_c):not(#_d)::after,html body .tour-enquire-section:not(#_a):not(#_b):not(#_c):not(#_d)::before,html body .tour-enquire-section:not(#_a):not(#_b):not(#_c):not(#_d)::after,html body .chalo-offer-enquire:not(#_a):not(#_b):not(#_c):not(#_d)::before,html body .chalo-offer-enquire:not(#_a):not(#_b):not(#_c):not(#_d)::after,html body .chalo-acco-enquire:not(#_a):not(#_b):not(#_c):not(#_d)::before,html body .chalo-acco-enquire:not(#_a):not(#_b):not(#_c):not(#_d)::after,html body .chalo-review-enquire:not(#_a):not(#_b):not(#_c):not(#_d)::before,html body .chalo-review-enquire:not(#_a):not(#_b):not(#_c):not(#_d)::after{background:none!important;background-image:none!important;content:none!important;display:none!important;}
html body .enquiry-section:not(#_a):not(#_b):not(#_c):not(#_d) h2,html body .enquiry-section:not(#_a):not(#_b):not(#_c):not(#_d) h3,html body .tour-enquire-section:not(#_a):not(#_b):not(#_c):not(#_d) h2,html body .tour-enquire-section:not(#_a):not(#_b):not(#_c):not(#_d) h3,html body .chalo-offer-enquire:not(#_a):not(#_b):not(#_c):not(#_d) h2,html body .chalo-offer-enquire:not(#_a):not(#_b):not(#_c):not(#_d) h3,html body .chalo-acco-enquire:not(#_a):not(#_b):not(#_c):not(#_d) h2,html body .chalo-acco-enquire:not(#_a):not(#_b):not(#_c):not(#_d) h3,html body .chalo-review-enquire:not(#_a):not(#_b):not(#_c):not(#_d) h2,html body .chalo-review-enquire:not(#_a):not(#_b):not(#_c):not(#_d) h3{color:#2c1810!important;}
html body .enquiry-section:not(#_a):not(#_b):not(#_c):not(#_d) p,html body .tour-enquire-section:not(#_a):not(#_b):not(#_c):not(#_d) p,html body .chalo-offer-enquire:not(#_a):not(#_b):not(#_c):not(#_d) p,html body .chalo-acco-enquire:not(#_a):not(#_b):not(#_c):not(#_d) p,html body .chalo-review-enquire:not(#_a):not(#_b):not(#_c):not(#_d) p{color:#4a3020!important;}
/* ==== v36d 2026-07-07: diary listing — 2-line excerpt, read-more cue, By prefix, hero spacing ==== */
body.category-diary .entry-card .entry-excerpt{overflow:visible!important;margin-bottom:8px!important;}
body.category-diary .entry-card .entry-excerpt p{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin:0!important;}
body.category-diary .entry-card .entry-excerpt::after{content:"Read the full post \203A"!important;display:block!important;margin-top:12px!important;font-family:'Montserrat',sans-serif!important;font-size:12px!important;font-weight:600!important;letter-spacing:1.5px!important;text-transform:uppercase!important;color:#c8a96e!important;}
body.category-diary .entry-card .meta-author .ct-meta-element-author::before{content:"By "!important;color:#6b6560!important;font-weight:400!important;text-transform:none!important;}
body.category-diary .hero-section{min-height:360px!important;}
/* ==== v36e 2026-07-07: blog single-post — full-width hero, top padding, bigger article images ==== */
body.single-post .hero-section.is-width-constrained{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;}
body.single-post .site-main .entry-content{padding-top:24px!important;}
body.single-post .entry-content img,
body.single-post .entry-content > .wp-block-image,
body.single-post .entry-content > figure{width:960px!important;max-width:calc(100vw - 48px)!important;margin-left:-120px!important;height:auto!important;}
@media(max-width:1080px){body.single-post .entry-content img,body.single-post .entry-content > .wp-block-image,body.single-post .entry-content > figure{width:100%!important;max-width:100%!important;margin-left:0!important;}}
/* ==== v36f 2026-07-07: tours listing (46296) — filter full-width beige, moved directly below hero (intro text flows after) ==== */
body.page-id-46296 #safari-filters-wrap#safari-filters-wrap{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:0!important;padding-left:max(24px, calc(50vw - 585px))!important;padding-right:max(24px, calc(50vw - 585px))!important;box-sizing:border-box!important;margin-top:0!important;margin-bottom:40px!important;}
body.page-id-46296 .entry-content{display:flex!important;flex-direction:column!important;}
body.page-id-46296 .entry-content > .gb-layout-hero-1{order:-2!important;}
body.page-id-46296 .entry-content > #safari-filters-wrap{order:-1!important;}
/* ==== v36g 2026-07-07: review detail — centered card, side peeks hidden, prev/next moved to bottom (left/right) ==== */
body.chalo-review .rvx-flip-stage{width:100%!important;max-width:760px!important;margin:0 auto!important;overflow:visible!important;position:relative!important;padding-bottom:96px!important;justify-content:center!important;}
body.chalo-review .rvx-peek{display:none!important;}
body.chalo-review .rvx-detail-card{margin:0 auto!important;max-width:720px!important;width:100%!important;}
body.chalo-review .rvx-flip-prev,body.chalo-review .rvx-flip-next{display:flex!important;position:absolute!important;top:auto!important;bottom:10px!important;transform:none!important;margin:0!important;}
body.chalo-review .rvx-flip-prev{left:calc(50% - 96px)!important;right:auto!important;}
body.chalo-review .rvx-flip-next{right:calc(50% - 96px)!important;left:auto!important;}
body.chalo-review .rvx-flip-prev[disabled],body.chalo-review .rvx-flip-next[disabled]{opacity:0.3!important;cursor:default!important;pointer-events:none!important;}
/* ==== v36h 2026-07-07: tour detail accommodation Type+Location rows (injected by inc/chalo-tour-accom-jul7.php) ==== */
body.single-safari-tours .accom-card .accom-card-type{display:block!important;}
body.single-safari-tours .accom-card .chalo-accom-meta{margin-top:10px;display:flex;flex-direction:column;gap:6px;}
body.single-safari-tours .accom-card .chalo-accom-meta .cam-row{display:flex;align-items:center;gap:8px;font-family:'Montserrat',sans-serif;font-size:13px;color:#6b6560;line-height:1.4;}
body.single-safari-tours .accom-card .chalo-accom-meta .cam-row svg{flex:0 0 auto;}
/* ==== v36i 2026-07-07: blog single-post enhancements (injected by inc/chalo-blog-enhance-jul7.php) — 2col sidebar, related posts, top tags+comments ==== */
.chalo-blog-2col{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;max-width:1140px;margin:0 auto;align-items:start;padding:0 24px;box-sizing:border-box;}
body.single-post .chalo-blog-2col .entry-content{max-width:none!important;width:auto!important;padding-top:8px!important;}
body.single-post .chalo-blog-2col .entry-content img,body.single-post .chalo-blog-2col .entry-content>.wp-block-image,body.single-post .chalo-blog-2col .entry-content>figure{width:100%!important;max-width:100%!important;margin-left:0!important;}
.chalo-blog-side{position:sticky;top:110px;}
.chalo-blog-side .cbs-card{background:#faf7f2;border:1px solid #e8e0d6;padding:30px 26px;}
.chalo-blog-side .cbs-card h3{font-family:'Cormorant Garamond',serif;font-size:26px;color:#2c1810;margin:0 0 12px;font-weight:500;}
.chalo-blog-side .cbs-card p{font-family:'Montserrat',sans-serif;font-size:14px;line-height:1.7;color:#4a4340;margin:0 0 20px;}
.chalo-blog-side .cbs-btn{display:block;text-align:center;background:#c8a96e;color:#fff;font-family:'Montserrat',sans-serif;font-size:13px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:14px 20px;text-decoration:none;}
.chalo-blog-side .cbs-btn:hover{background:#b8954e;color:#fff;}
.chalo-blog-topmeta{margin-top:12px;display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;font-family:'Montserrat',sans-serif;font-size:12px;}
.chalo-blog-topmeta .cbt-tags a{display:inline-block;color:#e8c98a;border:1px solid rgba(200,169,110,0.55);padding:3px 10px;margin:2px 4px;text-decoration:none;letter-spacing:.5px;}
.chalo-blog-topmeta .cbt-comments{color:rgba(255,255,255,0.85);letter-spacing:1px;text-transform:uppercase;}
.chalo-related{max-width:1140px;margin:70px auto;padding:0 24px;box-sizing:border-box;}
.chalo-related h2{font-family:'Cormorant Garamond',serif;font-size:34px;color:#2c1810;text-align:center;margin-bottom:36px;font-weight:500;}
.chalo-related .cr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.chalo-related .cr-card{border:1px solid #e8e0d6;background:#fff;text-decoration:none;display:block;transition:box-shadow .3s,transform .3s;}
.chalo-related .cr-card:hover{box-shadow:0 12px 30px rgba(0,0,0,.1);transform:translateY(-4px);}
.chalo-related .cr-img{height:200px;overflow:hidden;}
.chalo-related .cr-img img{width:100%;height:100%;object-fit:cover;}
.chalo-related .cr-body{padding:20px;}
.chalo-related .cr-body h3{font-family:'Cormorant Garamond',serif;font-size:20px;color:#4a3020;margin:0;line-height:1.3;}
@media(max-width:900px){.chalo-blog-2col{grid-template-columns:1fr;}.chalo-blog-side{position:static;margin-top:30px;}.chalo-related .cr-grid{grid-template-columns:1fr;}}
/* ==== v36j 2026-07-07: hide pagers on camps (46466) + diary — infinite scroll active (inc/chalo-infinite-jul7.php) ==== */
body.page-id-46466 .facetwp-pager{display:none!important;}
body.category-diary .ct-pagination{display:none!important;}
/* ==== v36k 2026-07-07: tour accom icons visible + camps hero taller, card meta polish, chalo-diff spacing, plan-your-safari bg ==== */
/* tour accommodation icons (were display:none) */
body.single-safari-tours .accom-card .chalo-accom-meta svg{display:inline-block!important;width:14px!important;height:14px!important;flex:0 0 auto!important;vertical-align:middle!important;}
/* camps hero taller */
body.page-id-46466 .gb-layout-hero-1 .gb-container-content{min-height:42vh!important;}
body.page-id-46466 .gb-layout-hero-1 .gb-container-inside{min-height:42vh!important;padding-top:56px!important;padding-bottom:56px!important;}
/* camps card: collection italic + aligned; consistent meta rows */
body.page-id-46466 .fwpl-result .fwpl-item.camp-card-collection{font-style:italic!important;text-transform:none!important;font-size:13px!important;letter-spacing:.3px!important;padding-left:24px!important;}
body.page-id-46466 .fwpl-result .fwpl-item.el-h1jien,
body.page-id-46466 .fwpl-result .fwpl-item.el-fsc1r9,
body.page-id-46466 .fwpl-result .camp-location-meta{padding:6px 24px 0!important;margin:0!important;}
body.page-id-46466 .fwpl-result .camp-location-meta{padding-bottom:24px!important;}
/* chalo difference: top spacing + remove extra separator */
body.page-id-46466 .camps-chalo-diff{margin-top:64px!important;}
body.page-id-46466 .camps-chalo-diff .camps-diff-hr{display:none!important;}
/* plan your safari: restore dark background */
body.page-id-46466 .camps-plan-cta{background:linear-gradient(135deg,#2c1810 0%,#4a3020 50%,#2c1810 100%)!important;background-color:#2c1810!important;}
/* ==== v36l 2026-07-07: fix camps collection kicker (element is .camp-card-collection, no fwpl-item) — italic, sentence case, aligned with title ==== */
body.page-id-46466 .fwpl-result .camp-card-collection{font-style:italic!important;text-transform:none!important;padding-left:24px!important;padding-right:24px!important;font-size:13px!important;letter-spacing:.3px!important;}
/* ==== v36m 2026-07-07: accommodation detail — hero left-aligned + borders removed, gallery horizontal scroll, rates accordion fix ==== */
body.single-accommodation .chalo-page-hero{align-items:flex-start!important;}
body.single-accommodation .chalo-acco-title{border:none!important;text-align:left!important;padding-left:0!important;padding-right:0!important;max-width:1050px!important;}
body.single-accommodation .chalo-acco-section-label,body.single-accommodation .chalo-acco-subtitle{text-align:left!important;}
body.single-accommodation .chalo-page-hero .chalo-acco-title,
body.single-accommodation .chalo-page-hero .chalo-acco-section-label,
body.single-accommodation .chalo-page-hero .chalo-acco-subtitle{margin-left:8%!important;margin-right:8%!important;}
/* gallery horizontal scroll like tour */
body.single-accommodation .chalo-acco-gallery{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;gap:16px!important;padding-bottom:12px!important;scroll-snap-type:x mandatory;}
body.single-accommodation .chalo-acco-gallery-item{flex:0 0 auto!important;width:400px!important;max-width:80vw!important;scroll-snap-align:start;}
/* rates accordion table fix */
body.single-accommodation .chalo-acco-accordion-body{overflow-x:auto!important;}
body.single-accommodation .chalo-acco-rates-table{width:100%!important;min-width:460px!important;border-collapse:collapse!important;margin:0!important;}
body.single-accommodation .chalo-acco-rates-table th,body.single-accommodation .chalo-acco-rates-table td{padding:9px 12px!important;font-size:13px!important;border:1px solid #e8e0d6!important;text-align:left!important;}
/* ==== v36n 2026-07-07: accommodation detail breadcrumb + recommended camps (inc/chalo-acco-enhance-jul7.php) ==== */
body.single-accommodation .chalo-acco-breadcrumb{position:relative;z-index:3;margin:22px 8% 0;font-family:'Montserrat',sans-serif;font-size:12px;color:rgba(255,255,255,0.85);text-transform:uppercase;letter-spacing:1px;}
body.single-accommodation .chalo-acco-breadcrumb a{color:rgba(255,255,255,0.85);text-decoration:none;}
body.single-accommodation .chalo-acco-breadcrumb a:hover{color:#c8a96e;}
body.single-accommodation .chalo-acco-breadcrumb span{margin:0 6px;}
body.single-accommodation .chalo-acco-breadcrumb .cab-current{color:#c8a96e;margin:0;}
body.single-accommodation .chalo-acco-recommended{max-width:1200px;margin:70px auto;padding:0 24px;box-sizing:border-box;}
body.single-accommodation .chalo-acco-recommended h2{font-family:'Cormorant Garamond',serif;font-size:34px;color:#2c1810;text-align:center;margin-bottom:36px;font-weight:500;}
body.single-accommodation .chalo-acco-recommended .car-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
body.single-accommodation .chalo-acco-recommended .car-card{border:1px solid #e8e0d6;background:#fff;text-decoration:none;display:block;transition:box-shadow .3s,transform .3s,border-color .3s;}
body.single-accommodation .chalo-acco-recommended .car-card:hover{box-shadow:0 12px 30px rgba(0,0,0,.1);transform:translateY(-4px);border-top:2px solid #c8a96e;}
body.single-accommodation .chalo-acco-recommended .car-img{height:200px;overflow:hidden;}
body.single-accommodation .chalo-acco-recommended .car-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
body.single-accommodation .chalo-acco-recommended .car-card:hover .car-img img{transform:scale(1.05);}
body.single-accommodation .chalo-acco-recommended .car-body{padding:20px;}
body.single-accommodation .chalo-acco-recommended .car-body h3{font-family:'Cormorant Garamond',serif;font-size:20px;color:#4a3020;margin:0 0 6px;line-height:1.3;}
body.single-accommodation .chalo-acco-recommended .car-type{font-family:'Montserrat',sans-serif;font-size:12px;color:#6b6560;}
@media(max-width:768px){body.single-accommodation .chalo-acco-recommended .car-grid{grid-template-columns:1fr;}}
/* ==== v36o 2026-07-07: accommodation detail — remove extra gold dividers ==== */
body.single-accommodation .chalo-acco-divider{display:none!important;}
/* ==== v36p 2026-07-07: camps card refinements — collection uppercase, meta colour=price, tighter price/perx, aligned icon rows ==== */
body.page-id-46466 .fwpl-result .camp-card-collection{text-transform:uppercase!important;}
body.page-id-46466 .fwpl-result .el-fsc1r9,
body.page-id-46466 .fwpl-result .el-fsc1r9 .fwpl-term,
body.page-id-46466 .fwpl-result .camp-location-meta,
body.page-id-46466 .fwpl-result .camp-location-meta .camp-meta-item,
body.page-id-46466 .fwpl-result .camp-perx-inline{color:#2c1810!important;}
body.page-id-46466 .fwpl-result .el-h1jien{gap:5px!important;}
body.page-id-46466 .fwpl-result .camp-perx-inline{padding-left:0!important;margin-left:0!important;}
body.page-id-46466 .fwpl-result .el-fsc1r9,
body.page-id-46466 .fwpl-result .camp-location-meta{display:flex!important;align-items:center!important;gap:8px!important;}
/* ==== v36q 2026-07-07: camps card meta colour = price (beat 2-id rule with 3 fake-ids) ==== */
body.page-id-46466 .fwpl-result .el-fsc1r9:not(#_a):not(#_b):not(#_c) .fwpl-term,
body.page-id-46466 .fwpl-result .el-fsc1r9:not(#_a):not(#_b):not(#_c),
body.page-id-46466 .fwpl-result .camp-location-meta:not(#_a):not(#_b):not(#_c) .camp-meta-item,
body.page-id-46466 .fwpl-result .camp-location-meta:not(#_a):not(#_b):not(#_c),
body.page-id-46466 .fwpl-result .el-h1jien:not(#_a):not(#_b):not(#_c) .camp-perx-inline{color:#2c1810!important;}
/* ================================================================
v36r (2026-07-08) Nav hover + search icon + Our Team spacing
================================================================ */
/* Task 1 START PLANNING button: keep WHITE text on gold hover in BOTH
nav states. A high-specificity :not(#_a):not(#_b):not(#_c) rule forced
gold text on every menu-link hover -> gold-on-gold invisible text.
Beat it with a real id + 4 fake ids. */
html body header.ct-header:not(.chalo-scrolled) li#menu-item-45977 > a.ct-menu-link:hover:not(#_a):not(#_b):not(#_c):not(#_d){
background-color:#c8a96e !important;
border-color:#c8a96e !important;
color:#ffffff !important;
-webkit-text-fill-color:#ffffff !important;
}
html body header.ct-header.chalo-scrolled li#menu-item-45977 > a.ct-menu-link:hover:not(#_a):not(#_b):not(#_c):not(#_d),
html body header.ct-header.ct-sticky li#menu-item-45977 > a.ct-menu-link:hover:not(#_a):not(#_b):not(#_c):not(#_d){
background-color:#b8954e !important;
border-color:#b8954e !important;
color:#ffffff !important;
-webkit-text-fill-color:#ffffff !important;
}
/* Task 2 Search icon: GOLD on scrolled/white nav (was dark brown),
stays WHITE on transparent hero nav (already correct). */
header.ct-header.chalo-scrolled .ct-header-search svg,
header.ct-header.ct-sticky .ct-header-search svg{
color:#c8a96e !important;
fill:#c8a96e !important;
}
header.ct-header.chalo-scrolled .ct-header-search:hover svg,
header.ct-header.ct-sticky .ct-header-search:hover svg{
color:#b8954e !important;
fill:#b8954e !important;
}
/* Task 4 Our Team (page 610): reduce large gap between member photo and
name. Generic .entry-content h2 rule adds padding-top:60px. */
body.page-id-610 .entry-content h2.wp-block-heading{
padding-top:12px !important;
margin-bottom:18px !important;
}
/* ================================================================
v36s (2026-07-08) search icon + team spacing follow-ups
================================================================ */
html body header.ct-header.chalo-scrolled [data-id="search"] svg:not(#_x),
html body header.ct-header.ct-sticky [data-id="search"] svg:not(#_x),
html body header.ct-header.chalo-scrolled .ct-header-search svg:not(#_x),
html body header.ct-header.ct-sticky .ct-header-search svg:not(#_x){
color:#c8a96e !important;
fill:#c8a96e !important;
}
html body header.ct-header.chalo-scrolled [data-id="search"]:hover svg:not(#_x),
html body header.ct-header.ct-sticky [data-id="search"]:hover svg:not(#_x),
html body header.ct-header.chalo-scrolled .ct-header-search:hover svg:not(#_x),
html body header.ct-header.ct-sticky .ct-header-search:hover svg:not(#_x){
color:#b8954e !important;
fill:#b8954e !important;
}
html body.page-id-610 .entry-content h2.wp-block-heading:not(#_x):not(#_y){
padding-top:14px !important;
margin-bottom:16px !important;
}
/* ================================================================
v36t (2026-07-08) diary padding, post top margin, comment fields,
Plan Your Safari sidebar redesign
================================================================ */
/* Task 8: Diary listing cards - breathing room top and bottom */
body.category-diary .entry-card > .entry-meta:first-child{ padding-top:26px !important; }
body.category-diary .entry-card > .entry-meta:last-child{ padding-bottom:26px !important; }
body.category-diary .entry-card > .entry-title{ padding-top:14px !important; }
/* Task 10: single post - top margin above body text */
body.single-post .chalo-blog-2col .entry-content,
body.single-post article .entry-content{ margin-top:32px !important; }
/* Task 13: comment form fields - more padding */
body.single-post .comment-respond input[type=text],
body.single-post .comment-respond input[type=email],
body.single-post .comment-respond input[type=url],
body.single-post .comment-respond textarea{
padding:14px 16px !important;
line-height:1.6 !important;
}
/* Task 14: Plan Your Safari sidebar - gold top border, contact, trust */
body.single-post .cbs-card{ border-top:3px solid #c8a96e !important; }
body.single-post .cbs-card h3{ text-align:center; }
body.single-post .cbs-contact{ margin-top:16px; padding-top:16px; border-top:1px solid #e8e0d6; display:flex; flex-direction:column; gap:10px; }
body.single-post .cbs-contact a{ display:flex; align-items:center; gap:8px; color:#4a4340; font-size:14px; text-decoration:none; }
body.single-post .cbs-contact a b{ color:#c8a96e; font-weight:600; }
body.single-post .cbs-contact svg{ flex:0 0 auto; }
body.single-post .cbs-trust{ list-style:none; margin:18px 0 0; padding:16px 0 0; border-top:1px solid #e8e0d6; }
body.single-post .cbs-trust li{ margin:0 0 14px; }
body.single-post .cbs-trust li:last-child{ margin-bottom:0; }
body.single-post .cbs-trust strong{ display:block; font-family:'Cormorant Garamond',Georgia,serif; color:#2c1810; font-size:17px; font-weight:500; }
body.single-post .cbs-trust span{ display:block; font-size:12.5px; color:#6b6560; line-height:1.55; margin-top:2px; }
/* ================================================================
v36u (2026-07-08) CTA flat brown, offers double separator,
homepage The Chalo Difference section
================================================================ */
/* Task 7: homepage Plan Your Safari CTA - clean flat dark brown
(only the CTA hero, which has no inner image wrap; top hero untouched) */
body.home .entry-content > .gb-block-container.gb-layout-hero-1:not(:has(.gb-container-image-wrap)){
background-image:none !important;
background-color:#2c1810 !important;
}
/* Task 15: Special Offers (46232) The Chalo Difference - remove doubled
divider (keep the hr, drop the heading underline pseudo) */
body.page-id-46232 .camps-chalo-diff h2::after{ content:none !important; display:none !important; }
/* Task 16: homepage The Chalo Difference section */
#chd-src{ display:none !important; }
.chalo-home-diff{ background:#faf7f2; padding:72px 5%; }
.chalo-home-diff .chd-inner{ max-width:1200px; margin:0 auto; text-align:center; }
.chalo-home-diff h2{ font-family:'Cormorant Garamond',Georgia,serif; font-size:44px; font-weight:400; color:#2c1810; margin:0 0 16px; }
.chalo-home-diff .chd-hr{ border:none; height:1px; width:60px; margin:0 auto 48px; background:#c8a96e; }
.chalo-home-diff .chd-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:40px; }
.chalo-home-diff .chd-ic{ margin-bottom:18px; min-height:40px; }
.chalo-home-diff .chd-ic svg{ width:40px; height:40px; }
.chalo-home-diff .chd-col h3{ font-family:'Cormorant Garamond',Georgia,serif; font-size:24px; font-weight:500; color:#2c1810; margin:0 0 10px; }
.chalo-home-diff .chd-col p{ font-family:'Montserrat',sans-serif; font-size:15px; font-weight:300; color:#6b6560; line-height:1.6; margin:0; }
@media(max-width:900px){ .chalo-home-diff .chd-grid{ grid-template-columns:repeat(2,1fr); gap:34px; } }
@media(max-width:560px){ .chalo-home-diff .chd-grid{ grid-template-columns:1fr; } }
/* ================================================================
v36v (2026-07-08) Camps cards match tours + offers hr + chd-hr
================================================================ */
/* Task 6: Camps & Lodges (46466) cards - tours card format */
.page-id-46466 .chalo-camp-done .el-js0zc{ text-align:left !important; padding:0 26px !important; }
.page-id-46466 .chalo-camp-kicker{ font-family:'Montserrat',sans-serif; font-size:10.5px; font-weight:600; font-style:italic; letter-spacing:1.8px; text-transform:uppercase; color:#c8a96e; margin:0 0 8px; padding:0 26px; line-height:1.4; text-align:left; }
.page-id-46466 .chalo-camp-meta{ padding:10px 26px 22px; text-align:left; }
.page-id-46466 .chalo-camp-meta .ccm-row{ display:flex; align-items:flex-start; gap:8px; margin-bottom:8px; font-family:'Montserrat',sans-serif; font-size:13px; color:#4a4340; line-height:1.45; }
.page-id-46466 .chalo-camp-meta .ccm-row:last-child{ margin-bottom:0; }
.page-id-46466 .chalo-camp-meta .ccm-row svg{ flex:0 0 auto; margin-top:2px; }
.page-id-46466 .chalo-camp-meta .ccm-txt b{ color:#6b6560; font-weight:500; }
.page-id-46466 .chalo-camp-meta .ccm-row:first-child .ccm-txt{ color:#2c1810; font-weight:600; }
.page-id-46466 .chalo-camp-done .el-h1jien,
.page-id-46466 .chalo-camp-done .el-hdb8gm,
.page-id-46466 .chalo-camp-done .el-fsc1r9,
.page-id-46466 .chalo-camp-done .camp-location-meta,
.page-id-46466 .chalo-camp-done .camp-card-collection,
.page-id-46466 .chalo-camp-done .camp-card-desc,
.page-id-46466 .chalo-camp-done .el-blhnt{ display:none !important; }
/* Task 15: Special Offers (46232) - hide gradient hr, keep the solid gold heading underline */
body.page-id-46232 .camps-diff-hr{ display:none !important; }
/* Homepage The Chalo Difference divider - force solid gold (was transparent) */
.chalo-home-diff .chd-hr{ background-color:#c8a96e !important; background-image:none !important; height:1px !important; border:none !important; }
/* v36w (2026-07-08) camps card flex order: image(1) kicker(2) title(3) meta(5) */
.page-id-46466 .chalo-camp-kicker{ order:2 !important; }
.page-id-46466 .chalo-camp-meta{ order:5 !important; }
/* v36x (2026-07-08) offers double separator - definitively hide gradient hr
(beats body.page-id-46232 .camps-chalo-diff .camps-diff-hr spec 301) */
body.page-id-46232 .camps-chalo-diff .camps-diff-hr:not(#_a):not(#_b){ display:none !important; }
/* v36y (2026-07-08) homepage Chalo Difference divider - solid gold (owner prefers solid, not gradient) */
body.home .chalo-home-diff .chd-hr:not(#_a):not(#_b){ background-image:none !important; background-color:#c8a96e !important; height:1px !important; border:none !important; }
/* ================================================================
v36z (2026-07-08) HOMEPAGE-ONLY refinements (scoped body.home)
================================================================ */
/* Task 19: Explorers Club - hover top border stays default gold (was darkening) */
html body.home .ec-section a[href*="expedition"]:hover{
border-color:#c8a96e !important;
border-top-color:#c8a96e !important;
}
/* Task 20: Plan Your Safari CTA - RESTORE the watercolor tribal-pattern background
(my earlier flat-brown change removed it). Keep existing ::before overlay + gold button. */
body.home .entry-content > .gb-block-container.gb-layout-hero-1:not(:has(.gb-container-image-wrap)){
background-image:url('../../uploads/2026/03/tribal-pattern-africa.jpg') !important;
background-size:cover !important;
background-position:center !important;
background-repeat:no-repeat !important;
background-color:transparent !important;
}
/* Task 21: Our Affiliations - logos show fully (no crop/stretch/border); partner strip centred+bigger */
body.home figure:has(> img.wp-image-62684),
body.home figure:has(> img.wp-image-937),
body.home figure:has(> img.wp-image-940),
body.home figure:has(> img.wp-image-938){
height:auto !important; width:auto !important; max-width:170px !important;
overflow:visible !important; border:none !important; margin:0 auto !important;
}
body.home img.wp-image-62684,
body.home img.wp-image-937,
body.home img.wp-image-940,
body.home img.wp-image-938{
object-fit:contain !important; height:auto !important; width:auto !important;
max-width:100% !important; max-height:90px !important;
}
body.home figure:has(> img.wp-image-1215){ text-align:center !important; margin:0 auto !important; }
body.home img.wp-image-1215{
display:block !important; margin:0 auto !important;
width:auto !important; max-width:620px !important; height:auto !important;
}
/* Task 22: The Chalo Difference - full width + single divider (hide global h2 underline, keep chd-hr) */
body.home .chalo-home-diff{
width:100vw !important; max-width:100vw !important;
margin-left:calc(-50vw + 50%) !important; margin-right:calc(-50vw + 50%) !important;
box-sizing:border-box !important;
}
html body.home .chalo-home-diff h2::after{ display:none !important; content:none !important; }
/* ================================================================
v37a (2026-07-08) homepage task 21/22 - higher-specificity overrides
================================================================ */
/* Task 21: affiliation logos - beat .gb-layout-columns-4 object-fit:cover (spec 302) */
body.home img.wp-image-62684:not(#_a),
body.home img.wp-image-937:not(#_a),
body.home img.wp-image-940:not(#_a),
body.home img.wp-image-938:not(#_a){
object-fit:contain !important; height:auto !important; width:auto !important;
max-width:100% !important; max-height:90px !important;
}
body.home figure:not(#_a):has(> img.wp-image-62684),
body.home figure:not(#_a):has(> img.wp-image-937),
body.home figure:not(#_a):has(> img.wp-image-940),
body.home figure:not(#_a):has(> img.wp-image-938){
height:auto !important; width:auto !important; max-width:170px !important;
overflow:visible !important; border:none !important; margin:0 auto !important;
}
/* Task 22: Chalo Difference full width (fake-id to beat constrained max-width) */
body.home .chalo-home-diff:not(#_a):not(#_b){
width:100vw !important; max-width:100vw !important;
margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important;
box-sizing:border-box !important;
}
/* single divider - hide global h2 underline, keep chd-hr */
html body.home .chalo-home-diff h2:not(#_a)::after{ display:none !important; content:none !important; }
/* v37b (2026-07-08) Chalo Difference - kill the heading ::after underline (keep chd-hr) - needs 2 fake ids to beat the .entry-content h2:not(#id)... underline rule */
html body.home .chalo-home-diff h2:not(#_a):not(#_b)::after{ display:none !important; content:none !important; background:none !important; height:0 !important; }
/* ================================================================
v37c (2026-07-08) explorers border + dest padding + blog drop-cap
================================================================ */
/* Task 19 (redo): Explorers Club hover top border MUST be #c8a96e (bulletproof) */
html body.home .ec-section a[href*="expedition"]:hover:not(#_a):not(#_b){
border:2px solid #c8a96e !important;
border-color:#c8a96e !important;
border-top:2px solid #c8a96e !important;
border-top-color:#c8a96e !important;
}
/* Task 29: homepage destination card - more padding below text */
body.home .dest-description{ padding:0 16px 30px !important; }
/* Task 27: blog single post - fancy serif drop-cap on first paragraph */
body.single-post .entry-content > p:first-of-type::first-letter{
float:left;
font-family:'Cormorant Garamond',Georgia,serif;
font-size:76px;
line-height:0.72;
font-weight:500;
color:#c8a96e;
padding:6px 10px 0 0;
}
/* ================================================================
v37d (2026-07-08) Chalo Difference heading match + affiliation boxes
================================================================ */
/* Chalo Difference h2 - match standard section headings (58px) */
body.home .chalo-home-diff h2{ font-size:58px !important; }
/* restore the STANDARD gold underline (was hidden in v37b) as the single divider */
html body.home .chalo-home-diff h2:not(#_a):not(#_b):not(#_c)::after{
display:block !important; content:'' !important;
width:50px !important; height:2px !important;
background:#C8A96E !important; margin:18px auto 0 !important;
}
/* drop my custom chd-hr (underline above is now the divider) */
body.home .chalo-home-diff .chd-hr{ display:none !important; }
/* remove the boxes/borders around the affiliation logos */
body.home .wp-block-genesis-blocks-gb-column:has(img.wp-image-62684),
body.home .wp-block-genesis-blocks-gb-column:has(img.wp-image-937),
body.home .wp-block-genesis-blocks-gb-column:has(img.wp-image-940),
body.home .wp-block-genesis-blocks-gb-column:has(img.wp-image-938){
border:none !important; box-shadow:none !important;
}
/* ================================================================
v37e (2026-07-08) FAQ hero + accommodation info strip/breadcrumb
================================================================ */
/* Task 30: FAQ (415) hero - full-bleed + gradient overlay */
body.page-id-415 .hero-section{
width:100vw !important; max-width:100vw !important;
margin-left:calc(50% - 50vw) !important;
position:relative !important;
background-size:cover !important; background-position:center !important;
}
body.page-id-415 .hero-section::before{
content:'' !important; position:absolute !important; inset:0 !important;
background:linear-gradient(180deg, rgba(0,0,0,0.22) 0%, rgba(0,0,0,0.15) 40%, rgba(0,0,0,0.5) 100%) !important;
z-index:0 !important; pointer-events:none !important;
}
body.page-id-415 .hero-section > *{ position:relative !important; z-index:1 !important; }
/* Task 23: accommodation info strip - moved into body (no hero overlap), WHITE card */
body.single-accommodation .chalo-acco-info-strip{
margin-top:30px !important;
background:#ffffff !important;
border:1px solid #e8e0d6 !important;
box-shadow:0 4px 20px rgba(0,0,0,0.06) !important;
}
body.single-accommodation .chalo-acco-info-strip *{ color:#2c1810 !important; }
body.single-accommodation .chalo-acco-info-strip svg,
body.single-accommodation .chalo-acco-info-strip [class*="icon"]{ color:#c8a96e !important; }
/* Task 24: accommodation breadcrumb - beige full-width bar below hero */
body.single-accommodation .chalo-acco-breadcrumb{
background:#faf7f2 !important;
width:100vw !important; max-width:100vw !important;
margin-left:calc(50% - 50vw) !important;
padding:14px 24px !important;
border-bottom:1px solid #e8e0d6 !important;
text-align:center !important;
}
body.single-accommodation .chalo-acco-breadcrumb,
body.single-accommodation .chalo-acco-breadcrumb *{ color:#6b6560 !important; }
body.single-accommodation .chalo-acco-breadcrumb a{ color:#c8a96e !important; }
/* v37f (2026-07-08) accommodation info strip WHITE - beat the 4-fake-id dark rule */
html body.single-accommodation .chalo-acco-info-strip:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f){
background:#ffffff !important; background-color:#ffffff !important;
margin-top:30px !important;
border:1px solid #e8e0d6 !important;
box-shadow:0 6px 24px rgba(0,0,0,0.07) !important;
}
html body.single-accommodation .chalo-acco-info-strip:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) *{
color:#2c1810 !important; -webkit-text-fill-color:#2c1810 !important; border-color:#e8e0d6 !important;
}
html body.single-accommodation .chalo-acco-info-strip:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) svg *{
color:#c8a96e !important; fill:#c8a96e !important; stroke:#c8a96e !important; -webkit-text-fill-color:#c8a96e !important;
}
/* v37g (2026-07-08) affiliation logo boxes - remove border (beat .gb-layout-columns-4 rule spec 300) */
body.home .wp-block-genesis-blocks-gb-column:not(#_a):not(#_b):has(img.wp-image-62684),
body.home .wp-block-genesis-blocks-gb-column:not(#_a):not(#_b):has(img.wp-image-937),
body.home .wp-block-genesis-blocks-gb-column:not(#_a):not(#_b):has(img.wp-image-940),
body.home .wp-block-genesis-blocks-gb-column:not(#_a):not(#_b):has(img.wp-image-938){
border:none !important; border-width:0 !important; box-shadow:none !important;
}
/* ================================================================
v37h (2026-07-08) diary read-more + blog sidebar trust refactor
================================================================ */
/* Task 26: diary 'Read the full post' - a bit smaller */
body.category-diary .entry-card .entry-excerpt::after{ font-size:11px !important; letter-spacing:0.4px !important; }
/* Task 28: blog sidebar trust points - titles only + checkmarks, ABOVE Enquire */
body.single-post .cbs-card{ display:flex !important; flex-direction:column !important; }
body.single-post .cbs-card h3{ order:1 !important; }
body.single-post .cbs-card > p{ order:2 !important; }
body.single-post .cbs-trust{ order:3 !important; list-style:none !important; margin:6px 0 20px !important; padding:0 !important; border-top:none !important; }
body.single-post .cbs-btn{ order:4 !important; }
body.single-post .cbs-contact{ order:5 !important; }
body.single-post .cbs-trust li{ position:relative !important; padding:0 0 0 26px !important; margin:0 0 11px !important; border:none !important; }
body.single-post .cbs-trust li:last-child{ margin-bottom:0 !important; }
body.single-post .cbs-trust li::before{
content:'' !important; position:absolute !important; left:0 !important; top:3px !important;
width:15px !important; height:15px !important;
background-image:url("data:image/svg+xml;utf8,") !important;
background-repeat:no-repeat !important; background-size:contain !important;
}
body.single-post .cbs-trust li strong{
display:inline !important; font-family:'Montserrat',sans-serif !important;
font-size:14px !important; font-weight:500 !important; color:#2c1810 !important;
}
body.single-post .cbs-trust li span{ display:none !important; }
/* v37i (2026-07-08) diary author avatar */
body.category-diary .entry-card .meta-author{ display:inline-flex !important; align-items:center !important; }
body.category-diary .entry-card .chalo-author-av{
width:28px !important; height:28px !important; border-radius:50% !important;
margin-right:8px !important; vertical-align:middle !important; object-fit:cover !important;
border:1px solid #e8e0d6 !important;
}
/* v37j (2026-07-08) review detail - related reviews + SafariBookings CTA */
body.single-reviews .chalo-review-related{ background:#faf7f2; padding:60px 5%; margin-top:50px; }
body.single-reviews .chalo-review-related h2{ text-align:center; font-family:'Cormorant Garamond',Georgia,serif; font-size:38px; font-weight:400; color:#2c1810; margin:0 0 10px; }
body.single-reviews .crr-hr{ border:none !important; height:1px !important; width:60px !important; background:#c8a96e !important; margin:0 auto 40px !important; }
body.single-reviews .crr-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; max-width:1100px; margin:0 auto 44px; }
body.single-reviews .crr-card{ display:block; background:#fff; border:1px solid #e8e0d6; padding:26px; text-decoration:none; transition:box-shadow .2s ease, transform .2s ease; }
body.single-reviews .crr-card:hover{ box-shadow:0 8px 26px rgba(0,0,0,0.08); transform:translateY(-3px); }
body.single-reviews .crr-stars{ color:#c8a96e; font-size:15px; letter-spacing:2px; margin-bottom:10px; }
body.single-reviews .crr-card h3{ font-family:'Cormorant Garamond',Georgia,serif; font-size:21px; font-weight:500; color:#2c1810; margin:0 0 10px; }
body.single-reviews .crr-card p{ font-family:'Montserrat',sans-serif; font-size:13.5px; color:#6b6560; line-height:1.6; margin:0 0 12px; }
body.single-reviews .crr-more{ color:#c8a96e; font-size:12px; font-weight:600; letter-spacing:1px; text-transform:uppercase; }
body.single-reviews .crr-sb{ text-align:center; }
body.single-reviews .crr-sb img{ max-width:150px; height:auto; margin:0 auto 20px; display:block; }
body.single-reviews .crr-sb-btn{ display:inline-block; background:#c8a96e; color:#fff; padding:15px 40px; font-family:'Montserrat',sans-serif; font-size:14px; font-weight:600; letter-spacing:1.5px; text-transform:uppercase; text-decoration:none; transition:background .2s ease; }
body.single-reviews .crr-sb-btn:hover{ background:#b8954e; color:#fff; }
@media(max-width:900px){ body.single-reviews .crr-grid{ grid-template-columns:1fr; } }
/* ==================================================================
[v37k 2026-07-08] Diary card byline tags (chalo-diary-author.php)
================================================================== */
body.category-diary .entry-card .chalo-meta-tags a{font-family:'Montserrat',sans-serif;font-size:10.5px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#c8a96e;text-decoration:none;}
body.category-diary .entry-card .chalo-meta-tags a:hover{color:#b8954e;}
body.category-diary .entry-card .chalo-tag-dot{color:#c8a96e;margin:0 7px;}
/* ==================================================================
[v37l 2026-07-08] Review detail: More Guest Reviews redesign
(white full-bleed, image cards, centered) + SB widget + 40px title padding
================================================================== */
body.single-reviews .rvx-detail-card h2.rvx-dc-title{padding-top:40px !important;margin-top:0 !important;}
body.single-reviews .chalo-review-related{background:#ffffff !important;width:100vw;max-width:100vw;margin:50px 0 0 calc(50% - 50vw) !important;padding:70px 24px 60px !important;border:none !important;}
body.single-reviews .chalo-review-related h2{text-align:center;font-family:'Cormorant Garamond',Georgia,serif;color:#2c1810;}
body.single-reviews .chalo-review-related .crr-hr{border:none;height:1px;background:#c8a96e;max-width:80px;margin:18px auto 40px;opacity:.85;}
body.single-reviews .crr-grid{display:grid !important;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:0 auto;}
body.single-reviews .crr-card{display:flex !important;flex-direction:column;text-align:center !important;background:#fff;border:1px solid #e8e0d6;text-decoration:none;padding:0 !important;transition:box-shadow .25s ease,transform .25s ease;}
body.single-reviews .crr-card:hover{box-shadow:0 4px 20px rgba(0,0,0,0.08);transform:translateY(-3px);}
body.single-reviews .crr-img{display:block;height:190px;overflow:hidden;}
body.single-reviews .crr-img img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0;transition:transform .5s ease;}
body.single-reviews .crr-card:hover .crr-img img{transform:scale(1.05);}
body.single-reviews .crr-body{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 20px 26px;}
body.single-reviews .crr-body .crr-stars{color:#c8a96e;font-size:16px;letter-spacing:3px;}
body.single-reviews .crr-body .crr-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:21px;font-weight:500;color:#2c1810;line-height:1.3;}
body.single-reviews .crr-body .crr-more{font-family:'Montserrat',sans-serif;font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#c8a96e;}
body.single-reviews .crr-card:hover .crr-more{color:#b8954e;}
body.single-reviews .crr-sb{margin:46px auto 0 !important;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px;}
body.single-reviews .crr-sb-btn{display:inline-block;background:#c8a96e;color:#fff !important;padding:14px 36px;font-family:'Montserrat',sans-serif;font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;text-decoration:none;border-radius:0;transition:background .2s ease,transform .2s ease;}
body.single-reviews .crr-sb-btn:hover{background:#b8954e;transform:translateY(-2px);}
@media (max-width:900px){body.single-reviews .crr-grid{grid-template-columns:1fr;max-width:480px;}}
/* [v37m 2026-07-08] Title padding 40px - needs 2 fake-ids to beat .entry-content h2:not(#h-out-of-africa)... */
body.single-reviews .rvx-detail-card h2.rvx-dc-title:not(#_a):not(#_b){padding-top:40px !important;margin-top:0 !important;}
/* ==================================================================
[v37n 2026-07-08] Home dest-card img full width (square imgs);
diary byline one-line + alignment; diary post h2 double top spacing
================================================================== */
/* Madagascar (square) img rendered 220px wide: height:220px was set without width */
body.home figure.wp-block-image.size-medium a{display:block;}
body.home figure.wp-block-image.size-medium img{width:100% !important;height:220px;object-fit:cover;}
/* Diary card byline: keep author + date + tags on one line, vertically centred */
body.category-diary .entry-card ul.entry-meta{display:flex !important;flex-wrap:wrap;align-items:center;gap:4px 10px;}
body.category-diary .entry-card ul.entry-meta li{display:inline-flex !important;align-items:center;white-space:nowrap;}
body.category-diary .entry-card .meta-author{gap:8px;}
body.category-diary .entry-card .chalo-author-av{width:28px;height:28px;border-radius:50%;flex:0 0 28px;}
body.category-diary .entry-card ul.entry-meta li.chalo-meta-tags{white-space:normal;}
/* Diary/blog single post h2: padding-top 60px AND margin-top 2em doubled the gap - kill the margin */
body.single-post .entry-content h2.wp-block-heading:not(#_a):not(#_b){margin-top:0 !important;}
/* [v37o 2026-07-08] Diary card: byline (meta) row above excerpt - Blocksy grid-template-areas pin it below regardless of DOM order */
body.category-diary .entry-card{grid-template-areas:"img kicker" "img title" "img meta" "img excerpt" !important;grid-template-rows:auto auto auto auto !important;}
@media (max-width:689px){body.category-diary .entry-card{grid-template-areas:"img" "kicker" "title" "meta" "excerpt" !important;grid-template-rows:auto auto auto auto auto !important;}}
/* ==================================================================
[v37p 2026-07-08] Batch: diary-post polish (hero/sidebar/tables/blockquote),
acco detail (breadcrumb/info-strip/gallery carousel), contact, careers,
offers listing + detail, search results redesign
================================================================== */
/* --- Diary/trip-report single post (e.g. Congo cruise) --- */
body.single-post .hero-section.has-featured-hero{min-height:92vh !important;}
body.single-post .chalo-blog-side .cbs-card{text-align:center !important;}
body.single-post .chalo-blog-side .cbs-card ul{padding-left:0 !important;}
body.single-post .chalo-blog-side .cbs-card li{margin-bottom:6px !important;list-style-position:inside;}
body.single-post .chalo-blog-side .cbs-card li strong{font-weight:400 !important;}
body.single-post .entry-content figure.wp-block-table:has(img) table,
body.single-post .entry-content figure.wp-block-table:has(img) tr,
body.single-post .entry-content figure.wp-block-table:has(img) td,
body.single-post .entry-content figure.wp-block-table:has(img) th{border:none !important;}
body.single-post .entry-content figure.wp-block-table:has(img) td{padding:6px !important;}
body.single-post .entry-content figure.wp-block-table:has(img) img{display:block;width:100%;height:auto;}
body.single-post .entry-content blockquote{border:none !important;border-top:1px solid #c8a96e !important;border-bottom:1px solid #c8a96e !important;background:transparent !important;text-align:center !important;padding:34px 28px !important;margin:50px auto !important;max-width:640px !important;}
body.single-post .entry-content blockquote p{font-family:'Cormorant Garamond',Georgia,serif !important;font-size:24px !important;font-style:italic !important;color:#2c1810 !important;line-height:1.5 !important;margin:0 !important;}
body.single-post .entry-content blockquote a{color:#b8954e !important;text-decoration:none;}
body.single-post .entry-content blockquote cite{display:block;margin-top:10px;font-style:normal;font-family:'Montserrat',sans-serif;font-size:12px;color:#6b6560;}
/* --- Accommodation detail --- */
body.single-accommodation .chalo-acco-breadcrumb, body.chalo-offer .chalo-acco-breadcrumb{text-align:left !important;padding-top:14px !important;padding-bottom:14px !important;padding-left:max(24px, calc((100% - 1200px)/2)) !important;}
body.single-accommodation .dlx-main .chalo-acco-info-strip{background:transparent !important;border:none !important;box-shadow:none !important;border-radius:0 !important;display:flex !important;flex-wrap:wrap;gap:0;padding:0 0 22px !important;margin:0 0 34px !important;border-bottom:1px solid #e8e0d6 !important;max-width:none !important;width:auto !important;}
body.single-accommodation .dlx-main .chalo-acco-info-item{flex:1 1 0;padding:0 18px !important;border:none !important;border-right:1px solid rgba(200,169,110,0.45) !important;text-align:left !important;background:transparent !important;box-shadow:none !important;}
body.single-accommodation .dlx-main .chalo-acco-info-item:first-child{padding-left:0 !important;}
body.single-accommodation .dlx-main .chalo-acco-info-item:last-child{border-right:none !important;}
body.single-accommodation .dlx-main .chalo-acco-info-item .chalo-acco-icon{color:#c8a96e !important;}
body.single-accommodation .chalo-gal-wrap{position:relative;}
body.single-accommodation .chalo-acco-gallery{display:flex !important;grid-template-columns:none !important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:6px;scrollbar-width:none;}
body.single-accommodation .chalo-acco-gallery::-webkit-scrollbar{display:none;}
body.single-accommodation .chalo-acco-gallery-item{flex:0 0 320px;scroll-snap-align:start;margin:0 !important;}
body.single-accommodation .chalo-acco-gallery-item img{width:320px !important;height:220px !important;object-fit:cover;display:block;}
body.single-accommodation .chalo-gal-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:42px;height:42px;background:#fff;border:1px solid #e8e0d6;color:#2c1810;font-size:26px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:0;}
body.single-accommodation .chalo-gal-arrow:hover{background:#c8a96e;color:#fff;border-color:#c8a96e;}
body.single-accommodation .chalo-gal-arrow.prev{left:-14px;}
body.single-accommodation .chalo-gal-arrow.next{right:-14px;}
/* --- Contact (439) --- */
body.page-id-439 .hero-section{width:100vw !important;max-width:100vw !important;margin-left:calc(50% - 50vw) !important;}
body.page-id-439 .wp-block-buttons{justify-content:center !important;}
body.page-id-439 .wp-block-button.has-custom-width{text-align:center !important;}
body.page-id-439 .entry-content img[src*='contact-us-meerkats']{border:1px solid #e8e0d6 !important;box-shadow:none !important;padding:6px;background:#fff;}
body.page-id-439 .entry-content figure:has(img[src*='contact-us-meerkats']){margin-bottom:30px !important;}
body.page-id-439 .entry-content img[alt*='Virginia'], body.page-id-439 .entry-content img[alt*='New Delhi'], body.page-id-439 .entry-content img[src*='safari-champagne']{width:100% !important;height:200px !important;object-fit:cover;border:none !important;box-shadow:none !important;border-radius:0 !important;}
/* --- Careers (28204) --- */
body.page-id-28204 .hero-section{width:100vw !important;max-width:100vw !important;margin-left:calc(50% - 50vw) !important;}
body.page-id-28204 .hero-section::after{background:linear-gradient(180deg,rgba(0,0,0,0.45) 0%,rgba(0,0,0,0.58) 60%,rgba(0,0,0,0.68) 100%) !important;}
body.page-id-28204 .entry-content p, body.page-id-28204 .entry-content li, body.page-id-28204 .entry-content li span{color:#4a4340 !important;}
/* --- Special offers listing (46232) --- */
body.page-id-46232 .facetwp-template{padding-bottom:40px !important;}
/* --- Special offer detail --- */
body.chalo-offer .chalo-offer-summary{font-family:'Cormorant Garamond',Georgia,serif !important;font-size:23px !important;font-weight:500 !important;}
body.chalo-offer .chalo-offer-type-row, body.chalo-offer .chalo-offer-validity-row{display:flex !important;align-items:center;gap:10px;justify-content:flex-start !important;text-align:left !important;margin:12px 0 !important;}
body.chalo-offer .chalo-offer-details-text{display:flex !important;align-items:flex-start;gap:10px;text-align:left !important;margin:14px 0 !important;}
body.chalo-offer .chalo-offer-details-text::before{font-family:dashicons !important;content:'\f163';color:#c8a96e;font-size:20px;flex:0 0 20px;margin-top:2px;}
body.chalo-offer .chalo-offer-type-row .dashicons, body.chalo-offer .chalo-offer-validity-row .dashicons{color:#c8a96e !important;font-size:20px;width:20px;height:20px;flex:0 0 20px;}
body.chalo-offer .chalo-offer-type-badge{border:1px solid #e8e0d6 !important;background:#faf7f2 !important;padding:5px 14px !important;border-radius:0 !important;font-family:'Montserrat',sans-serif !important;font-size:12px !important;letter-spacing:1.2px;text-transform:uppercase;color:#4a4340 !important;display:inline-block;}
body.chalo-offer .chalo-offer-acco-grid{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(240px,1fr)) !important;gap:24px !important;}
body.chalo-offer .chalo-offer-acco-card{display:flex !important;flex-direction:column !important;border:1px solid #e8e0d6 !important;background:#fff;overflow:hidden;}
body.chalo-offer .chalo-offer-acco-img{flex:none !important;width:100% !important;height:230px !important;overflow:hidden;}
body.chalo-offer .chalo-offer-acco-img img{width:100% !important;height:100% !important;object-fit:cover !important;display:block;}
body.chalo-offer .chalo-offer-acco-info{padding:20px !important;}
/* --- Search results page --- */
html body.search .hero-section, html body.search .hero-section[data-type='type-1'], html body.search .hero-section[data-type='type-2']{display:flex !important;width:100vw !important;max-width:100vw !important;margin-left:calc(50% - 50vw) !important;min-height:40vh !important;align-items:center !important;justify-content:center !important;background:linear-gradient(rgba(0,0,0,0.38),rgba(0,0,0,0.55)),url(../../uploads/2026/03/zebra-delta-scaled.jpg) center/cover no-repeat !important;}
html body.search .hero-section .entry-header{display:flex !important;flex-direction:column;align-items:center;position:relative;z-index:2;}
html body.search .hero-section h1, html body.search .hero-section .page-title{display:block !important;color:#ffffff !important;font-family:'Cormorant Garamond',Georgia,serif !important;font-size:44px !important;font-weight:400 !important;text-align:center;}
body.search article.entry-card{background:#fff;border:1px solid #e8e0d6 !important;padding:28px !important;margin-bottom:28px !important;}
body.search .entry-title{font-family:'Cormorant Garamond',Georgia,serif !important;}
body.search .entry-title a{color:#2c1810 !important;text-decoration:none;}
body.search .entry-title a:hover{color:#b8954e !important;}
body.search .entry-excerpt{color:#6b6560 !important;font-family:'Montserrat',sans-serif !important;font-weight:300;}
body.search .entry-meta a{color:#c8a96e !important;}
body.search .site-main{padding-bottom:60px !important;}
/* [v37q 2026-07-08] Specificity patches for v37p rules that lost */
html body.single-post .hero-section.has-featured-hero:not(#_a):not(#_b):not(#_c){min-height:92vh !important;}
html body.single-accommodation .dlx-main .chalo-acco-info-strip:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g){background:transparent !important;border:none !important;box-shadow:none !important;display:flex !important;flex-wrap:wrap;gap:0 !important;padding:0 0 22px !important;margin:0 0 34px !important;border-bottom:1px solid #e8e0d6 !important;max-width:none !important;width:auto !important;border-radius:0 !important;}
html body.single-accommodation .dlx-main .chalo-acco-info-item:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g){flex:1 1 0 !important;padding:0 18px !important;margin:0 !important;border:none !important;border-right:1px solid rgba(200,169,110,0.45) !important;background:transparent !important;box-shadow:none !important;text-align:left !important;}
html body.single-accommodation .dlx-main .chalo-acco-info-item:first-child:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g){padding-left:0 !important;}
html body.single-accommodation .dlx-main .chalo-acco-info-item:last-child:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g){border-right:none !important;}
html body.single-accommodation .dlx-main .chalo-acco-info-item .chalo-acco-icon:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g){color:#c8a96e !important;}
html body.single-accommodation .chalo-acco-gallery-item:not(#_a):not(#_b):not(#_c){flex:0 0 320px !important;width:320px !important;max-width:320px !important;}
html body.page-id-439 .hero-section:not(#_a):not(#_b):not(#_c){width:100vw !important;max-width:100vw !important;margin-left:calc(50% - 50vw) !important;margin-right:0 !important;}
body.page-id-439 .entry-content figure:has(img[alt*='Virginia']), body.page-id-439 .entry-content figure:has(img[alt*='New Delhi']), body.page-id-439 .entry-content figure:has(img[src*='safari-champagne']){width:100% !important;margin-left:0 !important;margin-right:0 !important;}
body.page-id-439 .entry-content figure:has(img[alt*='Virginia']) a, body.page-id-439 .entry-content figure:has(img[alt*='New Delhi']) a, body.page-id-439 .entry-content figure:has(img[src*='safari-champagne']) a{display:block;width:100%;}
html body.chalo-offer .chalo-offer-acco-img:not(#_a):not(#_b):not(#_c){flex:none !important;width:100% !important;height:230px !important;max-width:none !important;}
html body.chalo-offer .chalo-offer-acco-card:not(#_a):not(#_b):not(#_c){padding:0 !important;}
html body.chalo-offer .chalo-offer-acco-info:not(#_a):not(#_b):not(#_c){padding:20px !important;}
/* [v37r 2026-07-08] Camps 46466: first meta row (Type) inherited the old price-first bold styling - normalize */
body.page-id-46466 .chalo-camp-meta .ccm-row:first-child .ccm-txt{font-weight:400 !important;color:#4a4340 !important;}
/* ================================================================
v37s (2026-07-09)
1) Listing 46296: card price colour matches meta
2) Tour v2: hero-meta-item line-height 1.5
3) Tour v2: accom-card-type padding
4) Luxury enquiry sections - dark and dramatic (site-wide)
================================================================ */
html body.page-id-46296 .safari-card-price:not(#_a):not(#_b):not(#_c),
html body.page-id-46296 .safari-card-price .price-label:not(#_a):not(#_b):not(#_c),
html body.page-id-46296 .safari-card-price .price-value:not(#_a):not(#_b):not(#_c) {
color: #6b6560 !important;
font-size: 12.5px !important;
font-weight: 400 !important;
}
html body .chalo-safari-v2 .hero-meta-item:not(#_a):not(#_b):not(#_c) {
line-height: 1.5 !important;
}
html body .accom-card-type:not(#_a):not(#_b):not(#_c) {
padding: 10px 12px 0 0 !important;
}
/* ---- luxury enquiry: flat dark brown section ---- */
html body .enquiry-section:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .tour-enquire-section:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .chalo-offer-enquire:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .chalo-acco-enquire:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .chalo-review-enquire:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e) {
background-color: #2c1810 !important;
background-image: none !important;
padding: 110px 0 100px !important;
}
/* heading */
html body .enquiry-section h2:not(#_a):not(#_b):not(#_c):not(#_d),
html body .tour-enquire-section h2:not(#_a):not(#_b):not(#_c):not(#_d),
html body .chalo-offer-enquire h2:not(#_a):not(#_b):not(#_c):not(#_d),
html body .chalo-acco-enquire h2:not(#_a):not(#_b):not(#_c):not(#_d),
html body .chalo-review-enquire h2:not(#_a):not(#_b):not(#_c):not(#_d) {
font-family: "Cormorant Garamond", Georgia, serif !important;
font-size: 44px !important;
font-weight: 400 !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
letter-spacing: 0.5px !important;
text-align: center !important;
margin: 0 auto 26px !important;
padding: 0 !important;
}
/* gold kicker above heading */
html body .enquiry-section h2:not(#_a):not(#_b):not(#_c):not(#_d)::before,
html body .tour-enquire-section h2:not(#_a):not(#_b):not(#_c):not(#_d)::before,
html body .chalo-offer-enquire h2:not(#_a):not(#_b):not(#_c):not(#_d)::before,
html body .chalo-acco-enquire h2:not(#_a):not(#_b):not(#_c):not(#_d)::before,
html body .chalo-review-enquire h2:not(#_a):not(#_b):not(#_c):not(#_d)::before {
content: "BEGIN YOUR JOURNEY";
display: block;
font-family: "Montserrat", sans-serif;
font-size: 11px;
font-weight: 600;
letter-spacing: 4px;
color: #c8a96e;
-webkit-text-fill-color: #c8a96e;
margin-bottom: 22px;
}
/* solid gold rule under heading */
html body .enquiry-section h2:not(#_a):not(#_b):not(#_c):not(#_d)::after,
html body .tour-enquire-section h2:not(#_a):not(#_b):not(#_c):not(#_d)::after,
html body .chalo-offer-enquire h2:not(#_a):not(#_b):not(#_c):not(#_d)::after,
html body .chalo-acco-enquire h2:not(#_a):not(#_b):not(#_c):not(#_d)::after,
html body .chalo-review-enquire h2:not(#_a):not(#_b):not(#_c):not(#_d)::after {
content: "";
display: block;
width: 60px;
height: 1px;
background: #c8a96e;
margin: 28px auto 0;
}
/* subtitle */
html body .enquiry-section .enquiry-subtitle:not(#_a):not(#_b):not(#_c),
html body .enquiry-section h2 + p:not(#_a):not(#_b):not(#_c),
html body .tour-enquire-section h2 + p:not(#_a):not(#_b):not(#_c),
html body .chalo-offer-enquire h2 + p:not(#_a):not(#_b):not(#_c),
html body .chalo-acco-enquire h2 + p:not(#_a):not(#_b):not(#_c),
html body .chalo-review-enquire h2 + p:not(#_a):not(#_b):not(#_c) {
color: rgba(250, 247, 242, 0.68) !important;
font-family: "Montserrat", sans-serif !important;
font-size: 13px !important;
font-weight: 300 !important;
letter-spacing: 2.5px !important;
line-height: 2 !important;
text-transform: uppercase !important;
text-align: center !important;
max-width: 640px !important;
margin: 0 auto 55px !important;
}
/* white form card with gold top border */
html body .enquiry-section .wpforms-container:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .tour-enquire-section .wpforms-container:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .chalo-offer-enquire .wpforms-container:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .chalo-acco-enquire .wpforms-container:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .chalo-review-enquire .wpforms-container:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e) {
background: #ffffff !important;
background-image: none !important;
border: none !important;
border-top: 3px solid #c8a96e !important;
border-radius: 0 !important;
max-width: 820px !important;
margin: 0 auto !important;
padding: 55px 60px 50px !important;
box-shadow: 0 30px 70px rgba(0, 0, 0, 0.4) !important;
}
/* field labels */
html body .enquiry-section .wpforms-field-label:not(#_a):not(#_b):not(#_c),
html body .tour-enquire-section .wpforms-field-label:not(#_a):not(#_b):not(#_c),
html body .chalo-offer-enquire .wpforms-field-label:not(#_a):not(#_b):not(#_c),
html body .chalo-acco-enquire .wpforms-field-label:not(#_a):not(#_b):not(#_c),
html body .chalo-review-enquire .wpforms-field-label:not(#_a):not(#_b):not(#_c) {
color: #2c1810 !important;
font-family: "Montserrat", sans-serif !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
margin: 0 0 8px !important;
float: none !important;
}
html body .enquiry-section .wpforms-field-sublabel:not(#_a):not(#_b):not(#_c),
html body .tour-enquire-section .wpforms-field-sublabel:not(#_a):not(#_b):not(#_c),
html body .chalo-offer-enquire .wpforms-field-sublabel:not(#_a):not(#_b):not(#_c),
html body .chalo-acco-enquire .wpforms-field-sublabel:not(#_a):not(#_b):not(#_c),
html body .chalo-review-enquire .wpforms-field-sublabel:not(#_a):not(#_b):not(#_c) {
color: #6b6560 !important;
font-size: 11px !important;
font-weight: 400 !important;
letter-spacing: 0.5px !important;
text-transform: none !important;
}
html body .enquiry-section .wpforms-field label.wpforms-field-label-inline:not(#_a):not(#_b):not(#_c),
html body .tour-enquire-section .wpforms-field label.wpforms-field-label-inline:not(#_a):not(#_b):not(#_c),
html body .chalo-offer-enquire .wpforms-field label.wpforms-field-label-inline:not(#_a):not(#_b):not(#_c),
html body .chalo-acco-enquire .wpforms-field label.wpforms-field-label-inline:not(#_a):not(#_b):not(#_c),
html body .chalo-review-enquire .wpforms-field label.wpforms-field-label-inline:not(#_a):not(#_b):not(#_c) {
font-family: "Montserrat", sans-serif !important;
font-size: 14px !important;
font-weight: 300 !important;
line-height: 1.6 !important;
color: #4a4340 !important;
text-transform: none !important;
letter-spacing: 0.2px !important;
}
html body .enquiry-section .wpforms-field-description:not(#_a):not(#_b):not(#_c),
html body .tour-enquire-section .wpforms-field-description:not(#_a):not(#_b):not(#_c),
html body .chalo-offer-enquire .wpforms-field-description:not(#_a):not(#_b):not(#_c),
html body .chalo-acco-enquire .wpforms-field-description:not(#_a):not(#_b):not(#_c),
html body .chalo-review-enquire .wpforms-field-description:not(#_a):not(#_b):not(#_c) {
color: #6b6560 !important;
font-size: 13px !important;
font-weight: 300 !important;
}
html body .enquiry-section .wpforms-field:not(#_a):not(#_b):not(#_c),
html body .tour-enquire-section .wpforms-field:not(#_a):not(#_b):not(#_c),
html body .chalo-offer-enquire .wpforms-field:not(#_a):not(#_b):not(#_c),
html body .chalo-acco-enquire .wpforms-field:not(#_a):not(#_b):not(#_c),
html body .chalo-review-enquire .wpforms-field:not(#_a):not(#_b):not(#_c) {
padding: 8px 0 16px !important;
}
/* inputs */
html body .enquiry-section .wpforms-form .wpforms-field input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="file"]),
html body .enquiry-section .wpforms-form .wpforms-field select,
html body .enquiry-section .wpforms-form .wpforms-field textarea,
html body .tour-enquire-section .wpforms-form .wpforms-field input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="file"]),
html body .tour-enquire-section .wpforms-form .wpforms-field select,
html body .tour-enquire-section .wpforms-form .wpforms-field textarea,
html body .chalo-offer-enquire .wpforms-form .wpforms-field input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="file"]),
html body .chalo-offer-enquire .wpforms-form .wpforms-field select,
html body .chalo-offer-enquire .wpforms-form .wpforms-field textarea,
html body .chalo-acco-enquire .wpforms-form .wpforms-field input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="file"]),
html body .chalo-acco-enquire .wpforms-form .wpforms-field select,
html body .chalo-acco-enquire .wpforms-form .wpforms-field textarea,
html body .chalo-review-enquire .wpforms-form .wpforms-field input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="file"]),
html body .chalo-review-enquire .wpforms-form .wpforms-field select,
html body .chalo-review-enquire .wpforms-form .wpforms-field textarea {
background: #ffffff !important;
border: 1px solid #e8e0d6 !important;
border-radius: 0 !important;
padding: 12px 16px !important;
font-family: "Montserrat", sans-serif !important;
font-size: 14px !important;
font-weight: 300 !important;
color: #2c1810 !important;
box-shadow: none !important;
max-width: 100% !important;
}
html body .enquiry-section .wpforms-form .wpforms-field input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="file"]):focus,
html body .enquiry-section .wpforms-form .wpforms-field select:focus,
html body .enquiry-section .wpforms-form .wpforms-field textarea:focus,
html body .tour-enquire-section .wpforms-form .wpforms-field input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="file"]):focus,
html body .tour-enquire-section .wpforms-form .wpforms-field select:focus,
html body .tour-enquire-section .wpforms-form .wpforms-field textarea:focus,
html body .chalo-offer-enquire .wpforms-form .wpforms-field input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="file"]):focus,
html body .chalo-offer-enquire .wpforms-form .wpforms-field select:focus,
html body .chalo-offer-enquire .wpforms-form .wpforms-field textarea:focus,
html body .chalo-acco-enquire .wpforms-form .wpforms-field input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="file"]):focus,
html body .chalo-acco-enquire .wpforms-form .wpforms-field select:focus,
html body .chalo-acco-enquire .wpforms-form .wpforms-field textarea:focus,
html body .chalo-review-enquire .wpforms-form .wpforms-field input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="file"]):focus,
html body .chalo-review-enquire .wpforms-form .wpforms-field select:focus,
html body .chalo-review-enquire .wpforms-form .wpforms-field textarea:focus {
border-color: #c8a96e !important;
box-shadow: 0 0 0 3px rgba(200, 169, 110, 0.12) !important;
outline: none !important;
}
/* radios + checkboxes gold */
html body .enquiry-section .wpforms-form input[type="radio"],
html body .tour-enquire-section .wpforms-form input[type="radio"],
html body .chalo-offer-enquire .wpforms-form input[type="radio"],
html body .chalo-acco-enquire .wpforms-form input[type="radio"],
html body .chalo-review-enquire .wpforms-form input[type="radio"],
html body .enquiry-section .wpforms-form input[type="checkbox"],
html body .tour-enquire-section .wpforms-form input[type="checkbox"],
html body .chalo-offer-enquire .wpforms-form input[type="checkbox"],
html body .chalo-acco-enquire .wpforms-form input[type="checkbox"],
html body .chalo-review-enquire .wpforms-form input[type="checkbox"] {
accent-color: #c8a96e !important;
width: 15px !important;
height: 15px !important;
}
/* submit */
html body .enquiry-section .wpforms-submit-container:not(#_a):not(#_b):not(#_c),
html body .tour-enquire-section .wpforms-submit-container:not(#_a):not(#_b):not(#_c),
html body .chalo-offer-enquire .wpforms-submit-container:not(#_a):not(#_b):not(#_c),
html body .chalo-acco-enquire .wpforms-submit-container:not(#_a):not(#_b):not(#_c),
html body .chalo-review-enquire .wpforms-submit-container:not(#_a):not(#_b):not(#_c) {
margin-top: 14px !important;
padding: 0 !important;
}
html body .enquiry-section .wpforms-form button[type="submit"]:not(#_a):not(#_b):not(#_c):not(#_d),
html body .tour-enquire-section .wpforms-form button[type="submit"]:not(#_a):not(#_b):not(#_c):not(#_d),
html body .chalo-offer-enquire .wpforms-form button[type="submit"]:not(#_a):not(#_b):not(#_c):not(#_d),
html body .chalo-acco-enquire .wpforms-form button[type="submit"]:not(#_a):not(#_b):not(#_c):not(#_d),
html body .chalo-review-enquire .wpforms-form button[type="submit"]:not(#_a):not(#_b):not(#_c):not(#_d),
html body .enquiry-section .wpforms-form .wpforms-submit:not(#_a):not(#_b):not(#_c):not(#_d),
html body .tour-enquire-section .wpforms-form .wpforms-submit:not(#_a):not(#_b):not(#_c):not(#_d),
html body .chalo-offer-enquire .wpforms-form .wpforms-submit:not(#_a):not(#_b):not(#_c):not(#_d),
html body .chalo-acco-enquire .wpforms-form .wpforms-submit:not(#_a):not(#_b):not(#_c):not(#_d),
html body .chalo-review-enquire .wpforms-form .wpforms-submit:not(#_a):not(#_b):not(#_c):not(#_d) {
display: block !important;
width: 100% !important;
background: #c8a96e !important;
background-image: none !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
border: none !important;
border-radius: 0 !important;
padding: 18px 50px !important;
font-family: "Montserrat", sans-serif !important;
font-size: 13px !important;
font-weight: 600 !important;
letter-spacing: 3px !important;
text-transform: uppercase !important;
cursor: pointer !important;
transition: all 0.25s ease !important;
}
html body .enquiry-section .wpforms-form button[type="submit"]:not(#_a):not(#_b):not(#_c):not(#_d):hover,
html body .tour-enquire-section .wpforms-form button[type="submit"]:not(#_a):not(#_b):not(#_c):not(#_d):hover,
html body .chalo-offer-enquire .wpforms-form button[type="submit"]:not(#_a):not(#_b):not(#_c):not(#_d):hover,
html body .chalo-acco-enquire .wpforms-form button[type="submit"]:not(#_a):not(#_b):not(#_c):not(#_d):hover,
html body .chalo-review-enquire .wpforms-form button[type="submit"]:not(#_a):not(#_b):not(#_c):not(#_d):hover,
html body .enquiry-section .wpforms-form .wpforms-submit:not(#_a):not(#_b):not(#_c):not(#_d):hover,
html body .tour-enquire-section .wpforms-form .wpforms-submit:not(#_a):not(#_b):not(#_c):not(#_d):hover,
html body .chalo-offer-enquire .wpforms-form .wpforms-submit:not(#_a):not(#_b):not(#_c):not(#_d):hover,
html body .chalo-acco-enquire .wpforms-form .wpforms-submit:not(#_a):not(#_b):not(#_c):not(#_d):hover,
html body .chalo-review-enquire .wpforms-form .wpforms-submit:not(#_a):not(#_b):not(#_c):not(#_d):hover {
background: #b8954e !important;
transform: translateY(-2px) !important;
box-shadow: 0 10px 30px rgba(200, 169, 110, 0.35) !important;
}
/* trust strip (injected by perf-cleanup.php wp_footer) */
html body .chalo-enq-trust {
display: flex !important;
justify-content: center !important;
align-items: center !important;
flex-wrap: wrap !important;
margin: 40px auto 0 !important;
max-width: 900px !important;
padding: 0 20px !important;
}
html body .chalo-enq-trust .cet-item {
display: flex;
align-items: center;
gap: 9px;
padding: 0 30px;
color: rgba(250, 247, 242, 0.75);
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 300;
letter-spacing: 0.3px;
line-height: 1.5;
}
html body .chalo-enq-trust .cet-item + .cet-item {
border-left: 1px solid rgba(200, 169, 110, 0.28);
}
html body .chalo-enq-trust .cet-item svg {
width: 17px;
height: 17px;
flex: 0 0 auto;
}
html body .chalo-enq-trust .cet-item a {
color: #c8a96e !important;
-webkit-text-fill-color: #c8a96e !important;
text-decoration: none !important;
}
html body .chalo-enq-trust .cet-item a:hover {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
/* mobile */
@media (max-width: 768px) {
html body .enquiry-section:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .tour-enquire-section:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .chalo-offer-enquire:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .chalo-acco-enquire:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .chalo-review-enquire:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e) {
padding: 70px 0 60px !important;
}
html body .enquiry-section h2:not(#_a):not(#_b):not(#_c):not(#_d),
html body .tour-enquire-section h2:not(#_a):not(#_b):not(#_c):not(#_d),
html body .chalo-offer-enquire h2:not(#_a):not(#_b):not(#_c):not(#_d),
html body .chalo-acco-enquire h2:not(#_a):not(#_b):not(#_c):not(#_d),
html body .chalo-review-enquire h2:not(#_a):not(#_b):not(#_c):not(#_d) {
font-size: 33px !important;
}
html body .enquiry-section .wpforms-container:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .tour-enquire-section .wpforms-container:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .chalo-offer-enquire .wpforms-container:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .chalo-acco-enquire .wpforms-container:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .chalo-review-enquire .wpforms-container:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e) {
padding: 35px 22px 32px !important;
}
html body .chalo-enq-trust { flex-direction: column; gap: 16px; }
html body .chalo-enq-trust .cet-item { border-left: none !important; padding: 0; }
}
/* v37t (2026-07-09): enquiry trust strip full-bleed so 3 items fit one line (parent container is 720px on tour v2) */
html body .chalo-enq-trust {
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
}
@media (max-width: 768px) {
html body .chalo-enq-trust {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
}
}
/* ================================================================
v37u (2026-07-09) - enquiry polish:
1) subtle repeating diamond pattern on dark section
2) subtitle visible (beat 4-fake-id section-p brown rule)
3) selects not cropped 4) choices.js matches inputs
5) radio pill hover/selected states
================================================================ */
html body .enquiry-section:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .tour-enquire-section:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .chalo-offer-enquire:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .chalo-acco-enquire:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .chalo-review-enquire:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e) {
background-color: #2c1810 !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56'%3E%3Cpath d='M28 0L56 28L28 56L0 28Z' fill='none' stroke='%23c8a96e' stroke-opacity='0.07'/%3E%3C/svg%3E") !important;
background-repeat: repeat !important;
background-size: 56px 56px !important;
}
html body .enquiry-section .enquiry-subtitle:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .enquiry-section h2 + p:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .tour-enquire-section h2 + p:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .chalo-offer-enquire h2 + p:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .chalo-acco-enquire h2 + p:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .chalo-review-enquire h2 + p:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e) {
color: rgba(250, 247, 242, 0.85) !important;
}
html body .enquiry-section .wpforms-form .wpforms-field select:not(#_a):not(#_b):not(#_c),
html body .tour-enquire-section .wpforms-form .wpforms-field select:not(#_a):not(#_b):not(#_c),
html body .chalo-offer-enquire .wpforms-form .wpforms-field select:not(#_a):not(#_b):not(#_c),
html body .chalo-acco-enquire .wpforms-form .wpforms-field select:not(#_a):not(#_b):not(#_c),
html body .chalo-review-enquire .wpforms-form .wpforms-field select:not(#_a):not(#_b):not(#_c) {
height: auto !important;
min-height: 46px !important;
line-height: 1.4 !important;
}
html body .enquiry-section .choices__inner:not(#_a):not(#_b):not(#_c),
html body .tour-enquire-section .choices__inner:not(#_a):not(#_b):not(#_c),
html body .chalo-offer-enquire .choices__inner:not(#_a):not(#_b):not(#_c),
html body .chalo-acco-enquire .choices__inner:not(#_a):not(#_b):not(#_c),
html body .chalo-review-enquire .choices__inner:not(#_a):not(#_b):not(#_c) {
background: #ffffff !important;
border: 1px solid #e8e0d6 !important;
border-radius: 0 !important;
min-height: 46px !important;
padding: 9px 16px 5px !important;
font-size: 14px !important;
}
html body .enquiry-section .choices__list--single .choices__item:not(#_a):not(#_b):not(#_c),
html body .enquiry-section .choices__list--single .choices__item--selectable:not(#_a):not(#_b):not(#_c),
html body .tour-enquire-section .choices__list--single .choices__item:not(#_a):not(#_b):not(#_c),
html body .tour-enquire-section .choices__list--single .choices__item--selectable:not(#_a):not(#_b):not(#_c),
html body .chalo-offer-enquire .choices__list--single .choices__item:not(#_a):not(#_b):not(#_c),
html body .chalo-offer-enquire .choices__list--single .choices__item--selectable:not(#_a):not(#_b):not(#_c),
html body .chalo-acco-enquire .choices__list--single .choices__item:not(#_a):not(#_b):not(#_c),
html body .chalo-acco-enquire .choices__list--single .choices__item--selectable:not(#_a):not(#_b):not(#_c),
html body .chalo-review-enquire .choices__list--single .choices__item:not(#_a):not(#_b):not(#_c),
html body .chalo-review-enquire .choices__list--single .choices__item--selectable:not(#_a):not(#_b):not(#_c) {
font-family: "Montserrat", sans-serif !important;
font-size: 14px !important;
font-weight: 300 !important;
color: #2c1810 !important;
}
html body .enquiry-section .choices__list--dropdown .choices__item:not(#_a):not(#_b):not(#_c),
html body .tour-enquire-section .choices__list--dropdown .choices__item:not(#_a):not(#_b):not(#_c),
html body .chalo-offer-enquire .choices__list--dropdown .choices__item:not(#_a):not(#_b):not(#_c),
html body .chalo-acco-enquire .choices__list--dropdown .choices__item:not(#_a):not(#_b):not(#_c),
html body .chalo-review-enquire .choices__list--dropdown .choices__item:not(#_a):not(#_b):not(#_c) {
font-family: "Montserrat", sans-serif !important;
font-size: 14px !important;
color: #4a4340 !important;
}
html body .enquiry-section .choices__list--dropdown .choices__item--selectable.is-highlighted:not(#_a):not(#_b):not(#_c),
html body .tour-enquire-section .choices__list--dropdown .choices__item--selectable.is-highlighted:not(#_a):not(#_b):not(#_c),
html body .chalo-offer-enquire .choices__list--dropdown .choices__item--selectable.is-highlighted:not(#_a):not(#_b):not(#_c),
html body .chalo-acco-enquire .choices__list--dropdown .choices__item--selectable.is-highlighted:not(#_a):not(#_b):not(#_c),
html body .chalo-review-enquire .choices__list--dropdown .choices__item--selectable.is-highlighted:not(#_a):not(#_b):not(#_c) {
background: #faf7f2 !important;
color: #2c1810 !important;
}
/* radio + checkbox pills: hover gold/white/bold */
html body .enquiry-section .wpforms-field-radio li label:hover:not(#_a):not(#_b):not(#_c):not(#_d),
html body .enquiry-section .wpforms-field-checkbox li label:hover:not(#_a):not(#_b):not(#_c):not(#_d),
html body .tour-enquire-section .wpforms-field-radio li label:hover:not(#_a):not(#_b):not(#_c):not(#_d),
html body .tour-enquire-section .wpforms-field-checkbox li label:hover:not(#_a):not(#_b):not(#_c):not(#_d),
html body .chalo-offer-enquire .wpforms-field-radio li label:hover:not(#_a):not(#_b):not(#_c):not(#_d),
html body .chalo-offer-enquire .wpforms-field-checkbox li label:hover:not(#_a):not(#_b):not(#_c):not(#_d),
html body .chalo-acco-enquire .wpforms-field-radio li label:hover:not(#_a):not(#_b):not(#_c):not(#_d),
html body .chalo-acco-enquire .wpforms-field-checkbox li label:hover:not(#_a):not(#_b):not(#_c):not(#_d),
html body .chalo-review-enquire .wpforms-field-radio li label:hover:not(#_a):not(#_b):not(#_c):not(#_d),
html body .chalo-review-enquire .wpforms-field-checkbox li label:hover:not(#_a):not(#_b):not(#_c):not(#_d) {
background: #c8a96e !important;
border-color: #c8a96e !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-weight: 600 !important;
cursor: pointer !important;
}
/* selected: gold bg, white text */
html body .enquiry-section .wpforms-field-radio li.wpforms-selected label:not(#_a):not(#_b):not(#_c):not(#_d),
html body .enquiry-section .wpforms-field-radio li input:checked + label:not(#_a):not(#_b):not(#_c):not(#_d),
html body .enquiry-section .wpforms-field-radio li input:checked ~ label:not(#_a):not(#_b):not(#_c):not(#_d),
html body .enquiry-section .wpforms-field-checkbox li.wpforms-selected label:not(#_a):not(#_b):not(#_c):not(#_d),
html body .enquiry-section .wpforms-field-checkbox li input:checked + label:not(#_a):not(#_b):not(#_c):not(#_d),
html body .enquiry-section .wpforms-field-checkbox li input:checked ~ label:not(#_a):not(#_b):not(#_c):not(#_d),
html body .tour-enquire-section .wpforms-field-radio li.wpforms-selected label:not(#_a):not(#_b):not(#_c):not(#_d),
html body .tour-enquire-section .wpforms-field-radio li input:checked + label:not(#_a):not(#_b):not(#_c):not(#_d),
html body .tour-enquire-section .wpforms-field-radio li input:checked ~ label:not(#_a):not(#_b):not(#_c):not(#_d),
html body .tour-enquire-section .wpforms-field-checkbox li.wpforms-selected label:not(#_a):not(#_b):not(#_c):not(#_d),
html body .tour-enquire-section .wpforms-field-checkbox li input:checked + label:not(#_a):not(#_b):not(#_c):not(#_d),
html body .tour-enquire-section .wpforms-field-checkbox li input:checked ~ label:not(#_a):not(#_b):not(#_c):not(#_d),
html body .chalo-offer-enquire .wpforms-field-radio li.wpforms-selected label:not(#_a):not(#_b):not(#_c):not(#_d),
html body .chalo-offer-enquire .wpforms-field-radio li input:checked + label:not(#_a):not(#_b):not(#_c):not(#_d),
html body .chalo-offer-enquire .wpforms-field-radio li input:checked ~ label:not(#_a):not(#_b):not(#_c):not(#_d),
html body .chalo-offer-enquire .wpforms-field-checkbox li.wpforms-selected label:not(#_a):not(#_b):not(#_c):not(#_d),
html body .chalo-offer-enquire .wpforms-field-checkbox li input:checked + label:not(#_a):not(#_b):not(#_c):not(#_d),
html body .chalo-offer-enquire .wpforms-field-checkbox li input:checked ~ label:not(#_a):not(#_b):not(#_c):not(#_d),
html body .chalo-acco-enquire .wpforms-field-radio li.wpforms-selected label:not(#_a):not(#_b):not(#_c):not(#_d),
html body .chalo-acco-enquire .wpforms-field-radio li input:checked + label:not(#_a):not(#_b):not(#_c):not(#_d),
html body .chalo-acco-enquire .wpforms-field-radio li input:checked ~ label:not(#_a):not(#_b):not(#_c):not(#_d),
html body .chalo-acco-enquire .wpforms-field-checkbox li.wpforms-selected label:not(#_a):not(#_b):not(#_c):not(#_d),
html body .chalo-acco-enquire .wpforms-field-checkbox li input:checked + label:not(#_a):not(#_b):not(#_c):not(#_d),
html body .chalo-acco-enquire .wpforms-field-checkbox li input:checked ~ label:not(#_a):not(#_b):not(#_c):not(#_d),
html body .chalo-review-enquire .wpforms-field-radio li.wpforms-selected label:not(#_a):not(#_b):not(#_c):not(#_d),
html body .chalo-review-enquire .wpforms-field-radio li input:checked + label:not(#_a):not(#_b):not(#_c):not(#_d),
html body .chalo-review-enquire .wpforms-field-radio li input:checked ~ label:not(#_a):not(#_b):not(#_c):not(#_d),
html body .chalo-review-enquire .wpforms-field-checkbox li.wpforms-selected label:not(#_a):not(#_b):not(#_c):not(#_d),
html body .chalo-review-enquire .wpforms-field-checkbox li input:checked + label:not(#_a):not(#_b):not(#_c):not(#_d),
html body .chalo-review-enquire .wpforms-field-checkbox li input:checked ~ label:not(#_a):not(#_b):not(#_c):not(#_d) {
background: #c8a96e !important;
border-color: #c8a96e !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-weight: 500 !important;
}
/* v37v (2026-07-09): kill transition on enquiry pill labels - a perpetually-restarting
'transition: 0.2s' (property: all) froze background/color changes mid-flight, so hover
and selected states never rendered. transition:none makes states apply instantly. */
html body .enquiry-section .wpforms-field-radio li label:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .enquiry-section .wpforms-field-checkbox li label:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .tour-enquire-section .wpforms-field-radio li label:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .tour-enquire-section .wpforms-field-checkbox li label:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .chalo-offer-enquire .wpforms-field-radio li label:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .chalo-offer-enquire .wpforms-field-checkbox li label:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .chalo-acco-enquire .wpforms-field-radio li label:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .chalo-acco-enquire .wpforms-field-checkbox li label:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .chalo-review-enquire .wpforms-field-radio li label:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .chalo-review-enquire .wpforms-field-checkbox li label:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e) {
transition: none !important;
}
/* v37w (2026-07-09): enquiry bg pattern -> hand-drawn paisley (double-line boteh, half-drop repeat) */
html body .enquiry-section:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .tour-enquire-section:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .chalo-offer-enquire:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .chalo-acco-enquire:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .chalo-review-enquire:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e) {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='104' height='104'%3E%3Cg fill='none' stroke='%23c8a96e' stroke-opacity='0.08' stroke-width='1'%3E%3Cg transform='translate(4,2)'%3E%3Cpath d='M32 6 C44 12 48 26 44 38 C40 50 28 55 19 49 C10 43 11 30 19 24 C26 19 31 13 32 6 Z'/%3E%3Cpath d='M31 15 C39 20 42 29 39 37 C36 44 28 48 22 44 C16 40 16 31 22 27 C27 23 30 19 31 15 Z'/%3E%3C/g%3E%3Cg transform='translate(52,46) rotate(180 24 30)'%3E%3Cpath d='M32 6 C44 12 48 26 44 38 C40 50 28 55 19 49 C10 43 11 30 19 24 C26 19 31 13 32 6 Z'/%3E%3Cpath d='M31 15 C39 20 42 29 39 37 C36 44 28 48 22 44 C16 40 16 31 22 27 C27 23 30 19 31 15 Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
background-repeat: repeat !important;
background-size: 104px 104px !important;
}
/* v37x (2026-07-09): pill hover no longer bold (600 caused width shift) - keep gold bg + white text */
html body .enquiry-section .wpforms-field-radio li label:hover:not(#_a):not(#_b):not(#_c):not(#_d),
html body .enquiry-section .wpforms-field-checkbox li label:hover:not(#_a):not(#_b):not(#_c):not(#_d),
html body .tour-enquire-section .wpforms-field-radio li label:hover:not(#_a):not(#_b):not(#_c):not(#_d),
html body .tour-enquire-section .wpforms-field-checkbox li label:hover:not(#_a):not(#_b):not(#_c):not(#_d),
html body .chalo-offer-enquire .wpforms-field-radio li label:hover:not(#_a):not(#_b):not(#_c):not(#_d),
html body .chalo-offer-enquire .wpforms-field-checkbox li label:hover:not(#_a):not(#_b):not(#_c):not(#_d),
html body .chalo-acco-enquire .wpforms-field-radio li label:hover:not(#_a):not(#_b):not(#_c):not(#_d),
html body .chalo-acco-enquire .wpforms-field-checkbox li label:hover:not(#_a):not(#_b):not(#_c):not(#_d),
html body .chalo-review-enquire .wpforms-field-radio li label:hover:not(#_a):not(#_b):not(#_c):not(#_d),
html body .chalo-review-enquire .wpforms-field-checkbox li label:hover:not(#_a):not(#_b):not(#_c):not(#_d) {
font-weight: 300 !important;
}
/* v37y (2026-07-09): enquiry pattern -> art-deco interlocking circle lattice + 4-point stars (per Tanvi's reference) */
html body .enquiry-section:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .tour-enquire-section:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .chalo-offer-enquire:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .chalo-acco-enquire:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .chalo-review-enquire:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e) {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72'%3E%3Cg fill='none' stroke='%23c8a96e' stroke-opacity='0.09' stroke-width='1'%3E%3Ccircle cx='0' cy='0' r='44'/%3E%3Ccircle cx='72' cy='0' r='44'/%3E%3Ccircle cx='0' cy='72' r='44'/%3E%3Ccircle cx='72' cy='72' r='44'/%3E%3Cpath d='M36 24 Q39.5 32.5 48 36 Q39.5 39.5 36 48 Q32.5 39.5 24 36 Q32.5 32.5 36 24 Z'/%3E%3Cpath d='M36 29.5 Q38 34 42.5 36 Q38 38 36 42.5 Q34 38 29.5 36 Q34 34 36 29.5 Z'/%3E%3C/g%3E%3C/svg%3E") !important;
background-repeat: repeat !important;
background-size: 72px 72px !important;
}
/* v37z (2026-07-09): pattern lighter (0.065), pill row spacing, card gold bottom border */
html body .enquiry-section:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .tour-enquire-section:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .chalo-offer-enquire:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .chalo-acco-enquire:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .chalo-review-enquire:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e) {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72'%3E%3Cg fill='none' stroke='%23c8a96e' stroke-opacity='0.065' stroke-width='1'%3E%3Ccircle cx='0' cy='0' r='44'/%3E%3Ccircle cx='72' cy='0' r='44'/%3E%3Ccircle cx='0' cy='72' r='44'/%3E%3Ccircle cx='72' cy='72' r='44'/%3E%3Cpath d='M36 24 Q39.5 32.5 48 36 Q39.5 39.5 36 48 Q32.5 39.5 24 36 Q32.5 32.5 36 24 Z'/%3E%3Cpath d='M36 29.5 Q38 34 42.5 36 Q38 38 36 42.5 Q34 38 29.5 36 Q34 34 36 29.5 Z'/%3E%3C/g%3E%3C/svg%3E") !important;
}
html body .enquiry-section .wpforms-field-radio li:not(#_a):not(#_b):not(#_c),
html body .enquiry-section .wpforms-field-checkbox li:not(#_a):not(#_b):not(#_c),
html body .tour-enquire-section .wpforms-field-radio li:not(#_a):not(#_b):not(#_c),
html body .tour-enquire-section .wpforms-field-checkbox li:not(#_a):not(#_b):not(#_c),
html body .chalo-offer-enquire .wpforms-field-radio li:not(#_a):not(#_b):not(#_c),
html body .chalo-offer-enquire .wpforms-field-checkbox li:not(#_a):not(#_b):not(#_c),
html body .chalo-acco-enquire .wpforms-field-radio li:not(#_a):not(#_b):not(#_c),
html body .chalo-acco-enquire .wpforms-field-checkbox li:not(#_a):not(#_b):not(#_c),
html body .chalo-review-enquire .wpforms-field-radio li:not(#_a):not(#_b):not(#_c),
html body .chalo-review-enquire .wpforms-field-checkbox li:not(#_a):not(#_b):not(#_c) {
margin: 0 10px 14px 0 !important;
}
html body .enquiry-section .wpforms-container:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .tour-enquire-section .wpforms-container:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .chalo-offer-enquire .wpforms-container:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .chalo-acco-enquire .wpforms-container:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),
html body .chalo-review-enquire .wpforms-container:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e) {
border-bottom: 3px solid #c8a96e !important;
}
/* v38a: WPForms classic select dropdown arrow restored (appearance:none had stripped the native arrow, none was provided) */
.wpforms-form select,
.wpforms-field-select-style-classic select{
-webkit-appearance:none !important;
-moz-appearance:none !important;
appearance:none !important;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23c8a96e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
background-repeat:no-repeat !important;
background-position:right 16px center !important;
background-size:13px !important;
padding-right:42px !important;
}
/* v38b: raise specificity so gold select arrow beats the background:#fff !important shorthand on tour/enquiry WPForms selects */
html body.chalo-safari-v2-page .wpforms-form select,
html body.single-safari-tours .wpforms-form select,
html body .wpforms-form select.wpforms-field-select-style-classic,
html body .wpforms-container select{
-webkit-appearance:none !important;
-moz-appearance:none !important;
appearance:none !important;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23c8a96e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
background-repeat:no-repeat !important;
background-position:right 16px center !important;
background-size:13px !important;
padding-right:42px !important;
}
/* v38c: gold select arrow via shorthand + 3 fake-ids to beat the background:#fff !important (fake-id) enquiry rule that was wiping background-image */
html body.chalo-safari-v2-page .enquiry-section .wpforms-form select:not(#_a):not(#_b):not(#_c),
html body.single-safari-tours .enquiry-section .wpforms-form select:not(#_a):not(#_b):not(#_c),
html body .enquiry-section .wpforms-form select:not(#_a):not(#_b):not(#_c),
html body .wpforms-form select:not(#_a):not(#_b):not(#_c){
-webkit-appearance:none !important;
-moz-appearance:none !important;
appearance:none !important;
background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23c8a96e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 16px center !important;
background-size:13px !important;
padding-right:42px !important;
}
/* v38d: tighten WPForms radio/checkbox pill row gap (was 14px) to 10px per request (choice-N depth-1) */
html body .enquiry-section .wpforms-field-radio li:not(#_a):not(#_b):not(#_c):not(#_d),
html body .enquiry-section .wpforms-field-checkbox li:not(#_a):not(#_b):not(#_c):not(#_d){
margin-bottom:10px !important;
}
/* v38e: match accommodation + special-offer enquiry forms to the safari-tour reference (left align, narrower 640 card, boxed pills) */
html body .chalo-acco-enquire .wpforms-container:not(#_a):not(#_b):not(#_c):not(#_d),
html body .chalo-offer-enquire .wpforms-container:not(#_a):not(#_b):not(#_c):not(#_d){
max-width:640px !important;
margin-left:auto !important;
margin-right:auto !important;
text-align:left !important;
}
html body .chalo-acco-enquire:not(#_a):not(#_b),
html body .chalo-offer-enquire:not(#_a):not(#_b){ text-align:left !important; }
html body .chalo-acco-enquire .wpforms-field-label:not(#_a):not(#_b),
html body .chalo-offer-enquire .wpforms-field-label:not(#_a):not(#_b),
html body .chalo-acco-enquire .wpforms-field-description:not(#_a):not(#_b),
html body .chalo-offer-enquire .wpforms-field-description:not(#_a):not(#_b){ text-align:left !important; }
html body .chalo-acco-enquire .wpforms-field-radio li label,
html body .chalo-acco-enquire .wpforms-field-checkbox li label,
html body .chalo-offer-enquire .wpforms-field-radio li label,
html body .chalo-offer-enquire .wpforms-field-checkbox li label{
display:inline-block !important;
border:1px solid #e8e0d6 !important;
border-radius:0 !important;
padding:12px 20px !important;
background:#fff !important;
color:#4a4340 !important;
font-family:'Montserrat',sans-serif !important;
font-size:14px !important;
font-weight:300 !important;
letter-spacing:0.2px !important;
text-transform:none !important;
text-align:left !important;
cursor:pointer !important;
transition:none !important;
margin:0 !important;
}
html body .chalo-acco-enquire .wpforms-field-radio li,
html body .chalo-acco-enquire .wpforms-field-checkbox li,
html body .chalo-offer-enquire .wpforms-field-radio li,
html body .chalo-offer-enquire .wpforms-field-checkbox li{
margin:0 10px 10px 0 !important;
text-align:left !important;
}
html body .chalo-acco-enquire .wpforms-field-radio li label:hover,
html body .chalo-acco-enquire .wpforms-field-checkbox li label:hover,
html body .chalo-offer-enquire .wpforms-field-radio li label:hover,
html body .chalo-offer-enquire .wpforms-field-checkbox li label:hover,
html body .chalo-acco-enquire .wpforms-field-radio input:checked + label,
html body .chalo-acco-enquire .wpforms-field-checkbox input:checked + label,
html body .chalo-offer-enquire .wpforms-field-radio input:checked + label,
html body .chalo-offer-enquire .wpforms-field-checkbox input:checked + label{
background:#c8a96e !important;
border-color:#c8a96e !important;
color:#fff !important;
}
/* v38f: narrow acco+offer enquiry card to 640 (match tour) - needs 6 fake-ids to beat the 5-fake-id 820px rule */
html body .chalo-acco-enquire .wpforms-container:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f),
html body .chalo-offer-enquire .wpforms-container:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f){
max-width:640px !important;
margin-left:auto !important;
margin-right:auto !important;
text-align:left !important;
}
/* v38g: Chilo/accommodation detail polish (jul9) - hero flush breadcrumb, info-strip gold+bigger, accordion like offers */
body.single-accommodation .chalo-page-hero{ margin-bottom:0 !important; }
body.single-accommodation .chalo-acco-breadcrumb{ margin-top:16px !important; }
body.single-accommodation .chalo-acco-info-strip{ margin-top:14px !important; margin-bottom:28px !important; }
body.single-accommodation .chalo-acco-info-strip .chalo-acco-icon{ color:#c8a96e !important; display:inline-flex !important; align-items:center !important; }
body.single-accommodation .chalo-acco-info-strip .chalo-acco-icon svg{ width:24px !important; height:24px !important; stroke:#c8a96e !important; }
body.single-accommodation .chalo-acco-info-item strong{ color:#c8a96e !important; }
body.single-accommodation .chalo-acco-info-item > span:not(.chalo-acco-icon){ color:#c8a96e !important; font-family:'Cormorant Garamond',Georgia,serif !important; font-size:22px !important; font-weight:500 !important; }
body.single-accommodation .chalo-acco-info-item small{ color:#6b6560 !important; }
body.single-accommodation .chalo-acco-accordion{ border:0 !important; border-top:1px solid #e8e0d6 !important; border-bottom:1px solid #e8e0d6 !important; margin:0 !important; background:transparent !important; border-radius:0 !important; }
body.single-accommodation .chalo-acco-accordion + .chalo-acco-accordion{ border-top:0 !important; }
body.single-accommodation .chalo-acco-accordion summary{ background:transparent !important; font-family:'Cormorant Garamond',Georgia,serif !important; font-size:23px !important; font-weight:500 !important; color:#2c1810 !important; padding:20px 6px !important; text-transform:none !important; letter-spacing:normal !important; }
body.single-accommodation .chalo-acco-accordion-body{ padding:2px 6px 22px !important; }
/* v38h: info-strip text gold - beat the 6-fake-id brown rule (needs 7 fake-ids) */
html body.single-accommodation .chalo-acco-info-strip:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) *{ color:#c8a96e !important; }
html body.single-accommodation .chalo-acco-info-strip:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .chalo-acco-icon svg{ stroke:#c8a96e !important; }
/* v38i: special-offers listing (46232) - add gold location pin icon (match country dashicon) + card bottom padding */
body.page-id-46232 .fwpl-result .fwpl-item.el-u0z5k::before{ content:"\f230"; font-family:dashicons; color:#c8a96e; font-size:16px; line-height:1; margin-right:5px; vertical-align:middle; display:inline-block; -webkit-font-smoothing:antialiased; }
body.page-id-46232 .fwpl-result{ padding-bottom:20px !important; }
/* v38j: special-offers listing (46232) - hide numbered pager (replaced by infinite scroll) */
body.page-id-46232 .facetwp-pager{ display:none !important; }
/* ===== v38k (jul9 batch): body links, our-team, careers hero, diary cards, congo post, contact, reviews ===== */
/* Global: body-content links darker + underlined for visibility */
.entry-content :is(p,li,td,blockquote) a:not(.wp-block-button__link):not(.gb-button):not([class*="btn"]):not([class*="card"]):not(.crr-card):not(.dest-btn-gold):not(.ct-menu-link){ color:#a37b1e !important; -webkit-text-fill-color:#a37b1e !important; text-decoration:underline !important; text-underline-offset:3px !important; text-decoration-thickness:1px !important; text-decoration-color:rgba(163,123,30,0.45) !important; }
.entry-content :is(p,li,td,blockquote) a:not(.wp-block-button__link):not(.gb-button):not([class*="btn"]):not([class*="card"]):not(.crr-card):not(.dest-btn-gold):not(.ct-menu-link):hover{ color:#7d5a10 !important; -webkit-text-fill-color:#7d5a10 !important; }
/* Our Team (610): normalise portrait borders + notice hugs text */
body.page-id-610 .entry-content img{ border:1px solid #e8e0d6 !important; box-shadow:0 12px 32px rgba(0,0,0,0.14) !important; border-radius:0 !important; }
body.page-id-610 .gb-block-notice{ width:fit-content !important; max-width:640px !important; margin-left:auto !important; margin-right:auto !important; }
/* Careers (28204): darker hero overlay for legibility */
body.page-id-28204 .hero-section::after{ background:linear-gradient(rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.4) 45%, rgba(0,0,0,0.72) 100%) !important; }
/* Diary/blog listing cards: remove read-more label, byline below excerpt */
body.archive .entry-card .entry-excerpt::after, body.blog .entry-card .entry-excerpt::after{ content:none !important; }
body.archive .entry-card, body.blog .entry-card{ grid-template-areas:"img kicker" "img title" "img excerpt" "img meta" !important; }
/* Congo / single blog post polish */
body.single-post .chalo-blog-side{ padding-top:24px !important; }
body.single-post .entry-content table td:not(:has(img)):not(:has(a img)), body.single-post .entry-content table th:not(:has(img)){ border:1px solid #e8e0d6 !important; padding:10px 14px !important; }
body.single-post .entry-content table th:not(:has(img)){ background:#faf7f2 !important; font-family:'Montserrat',sans-serif !important; font-size:12px !important; text-transform:uppercase !important; letter-spacing:0.6px !important; color:#4a4340 !important; }
body.single-post .wp-block-pullquote{ border:0 !important; border-left:4px solid #c8a96e !important; background:#faf7f2 !important; padding:24px 32px !important; }
body.single-post .wp-block-pullquote p{ font-family:'Cormorant Garamond',Georgia,serif !important; font-style:italic !important; color:#2c1810 !important; }
body.single-post .entry-content .wp-block-table em, body.single-post .entry-content figcaption, body.single-post .wp-element-caption{ display:block !important; font-style:italic !important; color:#6b6560 !important; font-size:13px !important; text-align:center !important; margin-top:8px !important; letter-spacing:0.3px !important; }
body.single-post #comment, body.single-post textarea[name="comment"]{ min-height:150px !important; height:auto !important; }
/* Contact (439): no office boxes, single centred column */
body.page-id-439 .entry-content .wp-block-column{ background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important; }
body.page-id-439 .entry-content .wp-block-columns{ display:block !important; max-width:520px !important; margin-left:auto !important; margin-right:auto !important; }
/* Reviews (chalo-review): show the review card instantly (no reveal delay) */
body.chalo-review .rvx-detail-card{ opacity:1 !important; animation:none !important; }
/* v38l corrections */
/* Our Team: normalise ALL portrait borders to cream (beat figure.aligncenter img gold rule) */
body.page-id-610 .entry-content figure.aligncenter img,
body.page-id-610 .entry-content .wp-block-image img,
body.page-id-610 .entry-content figure img{ border:1px solid #e8e0d6 !important; box-shadow:0 12px 32px rgba(0,0,0,0.14) !important; border-radius:0 !important; }
/* single-post photo tables: no cell borders + elegant caption cells */
body.single-post .entry-content .wp-block-table:has(img) table,
body.single-post .entry-content .wp-block-table:has(img) td,
body.single-post .entry-content .wp-block-table:has(img) th{ border:0 !important; }
body.single-post .entry-content .wp-block-table:has(img) td:not(:has(img)):not(:has(a img)){ font-style:italic !important; color:#6b6560 !important; font-size:13px !important; text-align:center !important; padding:10px 10px 4px !important; letter-spacing:0.3px !important; line-height:1.5 !important; }
/* v38m: fix underline leak onto listing card titles (narrowed above), plus targeted fixes */
body.page-id-46232 .chalo-filter-row{ grid-template-columns:repeat(4, 1fr) !important; }
body.page-id-46232 .offer-country-row{ font-weight:700 !important; }
body.page-id-46232 .offer-country-row .fwpl-term{ font-weight:400 !important; }
body.single-safari-tours .accom-card-body{ background:#ffffff !important; }
body.single-special-offer .chalo-offer-breadcrumb{ background:#faf7f2 !important; width:100vw !important; margin-left:calc(50% - 50vw) !important; padding:14px max(24px, calc(50vw - 430px)) !important; box-sizing:border-box !important; color:#6b6560 !important; }
/* v38n: offers Country bold (beat 400 rule), offer breadcrumb beige bar (correct .chalo-offer-bc class) */
body.page-id-46232 .fwpl-result .offer-country-row{ font-weight:700 !important; }
body.page-id-46232 .fwpl-result .offer-country-row .fwpl-term{ font-weight:400 !important; }
body.single-special-offer .chalo-offer-bc{ background:#faf7f2 !important; width:100vw !important; margin-left:calc(50% - 50vw) !important; padding:14px max(24px, calc(50vw - 430px)) !important; box-sizing:border-box !important; color:#6b6560 !important; }
body.single-special-offer .chalo-offer-bc a{ color:#6b6560 !important; -webkit-text-fill-color:#6b6560 !important; text-decoration:none !important; }
/* v38p (=v38o offer detail redesign, recreated) */
body.single-special-offer .chalo-page-hero{ margin-bottom:0 !important; }
body.single-special-offer .chalo-offer-acco-grid{ display:flex !important; flex-direction:column !important; gap:18px !important; grid-template-columns:none !important; max-width:820px !important; margin:0 auto !important; }
body.single-special-offer .chalo-offer-acco-card{ display:flex !important; flex-direction:row !important; align-items:stretch !important; width:100% !important; max-width:100% !important; border:1px solid #e8e0d6 !important; background:#fff !important; box-shadow:0 4px 18px rgba(0,0,0,0.05) !important; overflow:hidden !important; }
body.single-special-offer .chalo-offer-acco-img{ flex:0 0 240px !important; width:240px !important; height:auto !important; min-height:170px !important; overflow:hidden !important; }
body.single-special-offer .chalo-offer-acco-img img{ width:100% !important; height:100% !important; object-fit:cover !important; }
body.single-special-offer .chalo-offer-acco-info{ flex:1 1 auto !important; padding:22px 26px !important; text-align:left !important; display:flex !important; flex-direction:column !important; justify-content:center !important; }
body.single-special-offer .chalo-offer-acco-info .chalo-acco-svg{ color:#c8a96e !important; }
body.single-special-offer .chalo-offer-accordion-body ul{ list-style:none !important; padding-left:0 !important; margin-left:0 !important; }
body.single-special-offer .chalo-offer-accordion-body ul li{ padding-left:0 !important; }
body.single-special-offer .chalo-offer-view-all{ background:none !important; border:0 !important; box-shadow:none !important; text-align:center !important; margin:28px 0 !important; padding:0 !important; }
body.single-special-offer .chalo-offer-view-all p{ font-size:13.5px !important; color:#6b6560 !important; }
body.single-special-offer .chalo-offer-related{ background:#faf7f2 !important; padding:60px 24px !important; margin-top:40px !important; text-align:center !important; }
body.single-special-offer .chalo-offer-related h2{ font-family:'Cormorant Garamond',Georgia,serif !important; font-size:34px !important; color:#2c1810 !important; margin:0 0 8px !important; }
body.single-special-offer .chalo-offer-related-grid{ display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:26px !important; max-width:1100px !important; margin:30px auto 0 !important; }
body.single-special-offer .chalo-offer-related-card{ background:#fff !important; border:1px solid #e8e0d6 !important; text-align:left !important; display:block !important; }
body.single-special-offer .chalo-offer-related-card:hover{ box-shadow:0 12px 30px rgba(0,0,0,0.1) !important; }
body.single-special-offer .chalo-offer-related-card img{ width:100% !important; height:190px !important; object-fit:cover !important; display:block !important; }
body.single-special-offer .chalo-offer-related-card .roc-body{ padding:18px 20px 22px !important; }
body.single-special-offer .chalo-offer-related-card h3{ font-family:'Cormorant Garamond',Georgia,serif !important; font-size:21px !important; font-weight:500 !important; color:#2c1810 !important; margin:0 !important; }
@media(max-width:900px){ body.single-special-offer .chalo-offer-related-grid{ grid-template-columns:1fr !important; } body.single-special-offer .chalo-offer-acco-card{ flex-direction:column !important; } body.single-special-offer .chalo-offer-acco-img{ flex:none !important; width:100% !important; height:200px !important; } }
/* v38q: offer acco card image width (beat 7-fake-id width:100% rule) */
html body.single-special-offer .chalo-offer-acco-img:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g){ flex:0 0 240px !important; width:240px !important; height:auto !important; min-height:180px !important; }
html body.single-special-offer .chalo-offer-acco-info:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g){ flex:1 1 auto !important; width:auto !important; }
@media(max-width:900px){ html body.single-special-offer .chalo-offer-acco-img:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g){ flex:0 0 auto !important; width:100% !important; height:200px !important; } }
/* v38r: diary card spacing + remove category kicker line */
body.archive .entry-card .meta-author img, body.archive .entry-card .chalo-author-avatar{ margin-right:5px !important; }
body.archive .entry-card .entry-excerpt{ margin-bottom:20px !important; }
body.archive .entry-card ul.entry-meta:has(.meta-author){ margin-bottom:20px !important; margin-top:0 !important; }
body.archive .entry-card ul.entry-meta:has(.meta-categories){ display:none !important; }
/* v38s: diary tags, double-underline fix, contact images, search page */
body.archive .entry-card .diary-keywords, body.home .entry-card .diary-keywords{ list-style:none !important; margin:0 0 6px !important; padding:0 !important; display:flex !important; flex-wrap:wrap !important; gap:5px 14px !important; }
body.archive .entry-card .diary-keywords .dk-tag, body.home .entry-card .diary-keywords .dk-tag{ font-family:'Montserrat',sans-serif !important; font-size:11px !important; font-weight:600 !important; letter-spacing:1.5px !important; text-transform:uppercase !important; color:#c8a96e !important; list-style:none !important; margin:0 !important; }
html body.single-post .entry-content a, html body.archive .entry-card a, html body.blog .entry-card a, html body.home .entry-card a{ border-bottom:0 !important; }
body.page-id-439 .entry-content img.circle{ width:220px !important; height:220px !important; object-fit:cover !important; border-radius:0 !important; display:block !important; margin:0 auto 28px !important; }
body.search .ct-search-form button, body.search form[role='search'] button{ background:#c8a96e !important; color:#fff !important; opacity:1 !important; }
body.search .ct-search-form button svg, body.search .ct-search-form button path{ fill:#fff !important; color:#fff !important; }
body.search .entry-card{ display:grid !important; grid-template-columns:300px 1fr !important; grid-template-areas:'img title' 'img excerpt' 'img meta' !important; gap:4px 30px !important; align-items:start !important; border-bottom:1px solid #e8e0d6 !important; padding-bottom:26px !important; margin-bottom:26px !important; }
body.search .entry-card .ct-media-container{ grid-area:img !important; margin:0 !important; }
body.search .entry-card .entry-title{ grid-area:title !important; margin:0 0 8px !important; }
body.search .entry-card .entry-excerpt{ grid-area:excerpt !important; }
body.search .entry-card .entry-meta{ grid-area:meta !important; }
body.search .entry-card .ct-media-container img{ width:100% !important; height:200px !important; object-fit:cover !important; }
@media(max-width:768px){ body.search .entry-card{ grid-template-columns:1fr !important; grid-template-areas:'img' 'title' 'excerpt' 'meta' !important; } }
/* v38t: search page Enquire sidebar */
body.search .chalo-search-flex{ display:flex !important; gap:40px !important; align-items:flex-start !important; max-width:1200px !important; margin:0 auto !important; }
body.search .chalo-search-results{ flex:1 1 auto !important; min-width:0 !important; }
body.search .chalo-search-sidebar{ flex:0 0 320px !important; position:sticky !important; top:120px !important; }
body.search .chalo-search-sidebar .css-card{ background:#fff !important; border:1px solid #e8e0d6 !important; box-shadow:0 10px 30px rgba(0,0,0,0.06) !important; }
body.search .chalo-search-sidebar .css-head{ background:#faf7f2 !important; border-top:3px solid #c8a96e !important; padding:26px 24px !important; text-align:center !important; }
body.search .chalo-search-sidebar .css-head h3{ font-family:'Cormorant Garamond',Georgia,serif !important; font-size:26px !important; color:#2c1810 !important; margin:0 0 6px !important; }
body.search .chalo-search-sidebar .css-head p{ font-size:13.5px !important; color:#6b6560 !important; margin:0 !important; }
body.search .chalo-search-sidebar .css-btn{ display:block !important; background:#c8a96e !important; color:#fff !important; -webkit-text-fill-color:#fff !important; text-align:center !important; padding:16px !important; font-family:'Montserrat',sans-serif !important; font-size:13px !important; font-weight:600 !important; letter-spacing:2px !important; text-transform:uppercase !important; text-decoration:none !important; border-bottom:0 !important; }
body.search .chalo-search-sidebar .css-btn:hover{ background:#b8954e !important; }
body.search .chalo-search-sidebar .css-foot{ padding:18px 24px !important; display:flex !important; flex-direction:column !important; gap:6px !important; font-size:13px !important; color:#4a4340 !important; }
body.search .chalo-search-sidebar .css-foot a{ color:#c8a96e !important; -webkit-text-fill-color:#c8a96e !important; border-bottom:0 !important; text-decoration:none !important; }
@media(max-width:900px){ body.search .chalo-search-flex{ flex-direction:column !important; } body.search .chalo-search-sidebar{ flex:none !important; width:100% !important; position:static !important; } }
/* v38u: search card image constrained to its column (was overflowing into title) */
body.search .entry-card .ct-media-container{ width:300px !important; max-width:300px !important; height:200px !important; overflow:hidden !important; }
body.search .entry-card .ct-media-container img{ width:100% !important; max-width:100% !important; height:100% !important; object-fit:cover !important; }
@media(max-width:768px){ body.search .entry-card .ct-media-container{ width:100% !important; max-width:100% !important; } }
/* v38v: contact office images square + centred + crisp (class is circle-it) */
body.page-id-439 .entry-content img.circle-it{ width:200px !important; height:200px !important; max-width:200px !important; object-fit:cover !important; border-radius:0 !important; display:block !important; margin:0 auto 30px !important; }
body.page-id-439 .entry-content .wp-block-image:has(img.circle-it){ text-align:center !important; }
/* v38w: diary card fixes - align content with tags, remove dup bottom tags, no-tag padding, excerpt margin 5px */
body.archive .entry-card .entry-title, body.archive .entry-card .entry-excerpt, body.archive .entry-card ul.entry-meta,
body.home .entry-card .entry-title, body.home .entry-card .entry-excerpt, body.home .entry-card ul.entry-meta{ padding-left:0 !important; }
body.archive .entry-card .chalo-meta-tags, body.home .entry-card .chalo-meta-tags{ display:none !important; }
body.archive .entry-card:not(:has(.diary-keywords)) .entry-title, body.home .entry-card:not(:has(.diary-keywords)) .entry-title{ padding-top:35px !important; }
body.archive .entry-card .entry-excerpt, body.home .entry-card .entry-excerpt{ margin-bottom:5px !important; }
/* v38x: diary dup-tags hide (higher spec), FAQ cat margin, gallery caption readable */
body.category-diary .entry-card ul.entry-meta li.chalo-meta-tags, body.archive .entry-card ul.entry-meta li.chalo-meta-tags, body.home .entry-card ul.entry-meta li.chalo-meta-tags{ display:none !important; }
h3.chalo-faq-cat{ margin-top:48px !important; }
body.single-post .entry-content .blocks-gallery-item figcaption, body.single-post .entry-content .wp-block-gallery figcaption{ position:absolute !important; left:0 !important; right:0 !important; bottom:0 !important; top:auto !important; background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.78)) !important; color:#ffffff !important; text-align:center !important; padding:24px 12px 12px !important; margin:0 !important; font-size:13px !important; font-style:italic !important; }
/* v38y: single-post content 40px below hero; Careers hero legibility */
body.single-post .chalo-blog-2col{ margin-top:40px !important; }
body.page-id-28204 .hero-section::after{ background:linear-gradient(rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.72) 100%) !important; }
body.page-id-28204 .hero-section h1, body.page-id-28204 .hero-section .page-title, body.page-id-28204 .hero-section h2, body.page-id-28204 .hero-section .entry-header *{ text-shadow:0 2px 16px rgba(0,0,0,0.75) !important; position:relative !important; z-index:2 !important; }
/* v38z: Ennedi 80px, Careers overlay stronger, FAQ full-bleed hero, archives (trip-reports/tags) match diary */
body.single-post .chalo-blog-2col{ margin-top:80px !important; }
body.page-id-28204 .hero-section::after{ background:linear-gradient(rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.68) 50%, rgba(0,0,0,0.75) 100%) !important; }
body.page-id-28204 .hero-section .page-title, body.page-id-28204 .hero-section h1{ text-shadow:0 2px 20px rgba(0,0,0,0.9), 0 0 40px rgba(0,0,0,0.6) !important; }
body.page-id-415 .hero-section.is-width-constrained{ width:100vw !important; max-width:100vw !important; margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; }
body.archive:not(.category-diary) .hero-section{ display:flex !important; align-items:center !important; justify-content:center !important; min-height:315px !important; width:100vw !important; max-width:100vw !important; margin-left:calc(50% - 50vw) !important; background-image:linear-gradient(rgba(0,0,0,0.35), rgba(0,0,0,0.58)), url("/wp-content/uploads/2026/07/diary-blog-pages-hero.jpg") !important; background-size:cover !important; background-position:center !important; }
body.archive:not(.category-diary) .hero-section .page-title, body.archive:not(.category-diary) .hero-section h1{ color:#ffffff !important; }
body.archive:not(.category-diary) .entry-card{ display:grid !important; grid-template-columns:300px 1fr !important; grid-template-areas:'img kicker' 'img title' 'img excerpt' 'img meta' !important; gap:2px 30px !important; align-items:start !important; }
body.archive:not(.category-diary) .entry-card .ct-media-container{ grid-area:img !important; width:300px !important; max-width:300px !important; height:200px !important; overflow:hidden !important; }
body.archive:not(.category-diary) .entry-card .ct-media-container img{ width:100% !important; height:100% !important; object-fit:cover !important; }
body.archive:not(.category-diary) .entry-card .entry-title{ grid-area:title !important; }
body.archive:not(.category-diary) .entry-card .entry-excerpt{ grid-area:excerpt !important; }
body.archive:not(.category-diary) .entry-card .entry-meta{ grid-area:meta !important; }
body.archive:not(.category-diary) .entry-card .diary-keywords{ grid-area:kicker !important; }
@media(max-width:768px){ body.archive:not(.category-diary) .entry-card{ grid-template-columns:1fr !important; grid-template-areas:'img' 'kicker' 'title' 'excerpt' 'meta' !important; } body.archive:not(.category-diary) .entry-card .ct-media-container{ width:100% !important; max-width:100% !important; } }
/* v39a: archive card list single-column (match diary) */
body.archive:not(.category-diary) .entries{ grid-template-columns:1fr !important; }
/* v39b: Careers hero reliable dark overlay via inset box-shadow (::after wasn't covering) */
body.page-id-28204 .hero-section{ position:relative !important; box-shadow:inset 0 0 0 100vh rgba(0,0,0,0.6) !important; }
body.page-id-28204 .hero-section .entry-header, body.page-id-28204 .hero-section .page-title{ position:relative !important; z-index:3 !important; }
/* v39c: Contact chalo-plan-img square+centered; all contact images get Our Team border+shadow */
body.page-id-439 .entry-content img{ border:1px solid #e8e0d6 !important; box-shadow:0 12px 32px rgba(0,0,0,0.14) !important; }
html body.page-id-439 .entry-content .chalo-plan-img:not(#_a):not(#_b){ display:block !important; width:fit-content !important; max-width:100% !important; margin-left:auto !important; margin-right:auto !important; text-align:center !important; }
html body.page-id-439 .entry-content .chalo-plan-img img:not(#_a):not(#_b){ width:420px !important; height:420px !important; max-width:100% !important; object-fit:cover !important; display:block !important; margin:0 auto !important; }
/* v39d: contact image border+shadow beat the src-specific safari-champagne rule (3 fake-ids) */
html body.page-id-439 .entry-content img:not(#_a):not(#_b):not(#_c){ border:1px solid #e8e0d6 !important; box-shadow:0 12px 32px rgba(0,0,0,0.14) !important; }
/* v39e: archive (tag) hero title bigger + diary keyword separator spacing */
body.archive:not(.category-diary) .hero-section .page-title{ font-size:38px !important; font-family:'Cormorant Garamond',Georgia,serif !important; line-height:1.15 !important; }
body.archive:not(.category-diary) .hero-section .ct-title-label{ font-size:13px !important; letter-spacing:1px !important; }
body.archive .entry-card .diary-keywords, body.home .entry-card .diary-keywords{ column-gap:0 !important; }
body.archive .entry-card .diary-keywords .dk-tag:not(:last-child)::after, body.home .entry-card .diary-keywords .dk-tag:not(:last-child)::after{ content:'/' !important; padding:0 7px !important; color:#c8a96e !important; }
/* ================= v39f — search cards match diary + sidebar polish ================= */
body.search .entry-card{ grid-template-columns:320px 1fr !important; align-items:stretch !important; }
body.search .entry-card .ct-media-container,
body.search .entry-card .chalo-fb-media{ width:320px !important; height:100% !important; min-height:100% !important; align-self:stretch !important; overflow:hidden !important; }
body.search .entry-card .ct-media-container a{ display:block !important; height:100% !important; }
body.search .entry-card .ct-media-container img{ width:100% !important; height:100% !important; object-fit:cover !important; }
body.search .entry-card .entry-title,
body.search .entry-card .entry-title a{ font-family:'Cormorant Garamond',Georgia,serif !important; font-size:28px !important; line-height:1.2 !important; }
body.search .entry-card .entry-excerpt,
body.search .entry-card .entry-excerpt p{ display:-webkit-box !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important; overflow:hidden !important; }
/* sidebar ENQUIRE NOW button — not full width, centered */
body.search .chalo-search-sidebar .css-card{ text-align:center !important; }
body.search .chalo-search-sidebar .css-head{ text-align:center !important; }
body.search .chalo-search-sidebar .css-btn{ display:inline-block !important; width:auto !important; margin:0 auto !important; }
/* Call / WhatsApp — centered with icons */
body.search .chalo-search-sidebar .css-foot{ display:flex !important; flex-direction:column !important; align-items:center !important; gap:10px !important; text-align:center !important; }
body.search .chalo-search-sidebar .css-foot span{ display:inline-flex !important; align-items:center !important; gap:8px !important; }
body.search .chalo-search-sidebar .css-foot span::before{ content:''; width:16px; height:16px; flex:0 0 16px; background-size:contain; background-repeat:no-repeat; background-position:center; }
body.search .chalo-search-sidebar .css-foot span:nth-child(1)::before{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27%23c8a96e%27%3E%3Cpath%20d%3D%27M6.62%2010.79c1.44%202.83%203.76%205.14%206.59%206.59l2.2-2.2c.27-.27.67-.36%201.02-.24%201.12.37%202.33.57%203.57.57.55%200%201%20.45%201%201V20c0%20.55-.45%201-1%201-9.39%200-17-7.61-17-17%200-.55.45-1%201-1h3.5c.55%200%201%20.45%201%201%200%201.25.2%202.45.57%203.57.11.35.03.74-.25%201.02l-2.2%202.2z%27%2F%3E%3C%2Fsvg%3E"); }
body.search .chalo-search-sidebar .css-foot span:nth-child(2)::before{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27%23c8a96e%27%3E%3Cpath%20d%3D%27M.057%2024l1.687-6.163a11.867%2011.867%200%2001-1.587-5.945C.16%205.335%205.495%200%2012.05%200a11.817%2011.817%200%20018.413%203.488%2011.824%2011.824%200%20013.48%208.414c-.003%206.557-5.338%2011.892-11.893%2011.892a11.9%2011.9%200%2001-5.688-1.448L.057%2024zm6.597-3.807c1.676.995%203.276%201.591%205.392%201.592%205.448%200%209.886-4.434%209.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452%200-9.887%204.434-9.889%209.884a9.86%209.86%200%20001.599%205.393l-.999%203.648%203.9-.94z%27%2F%3E%3C%2Fsvg%3E"); }
/* ===== v39g — force search media container to fill 320px column ===== */
body.search .chalo-search-results .entry-card .ct-media-container:not(#_a):not(#_b),
body.search .chalo-search-results .entry-card .chalo-fb-media:not(#_a):not(#_b){ width:320px !important; height:100% !important; min-height:100% !important; }
body.search .chalo-search-results .entry-card .ct-media-container:not(#_a):not(#_b) img{ width:100% !important; height:100% !important; object-fit:cover !important; }
/* ===== v39h — align search card grid column to media width (no gap) ===== */
body.search .chalo-search-results .entry-card:not(#_a):not(#_b){ grid-template-columns:300px 1fr !important; }
/* ===== FOUC: hide raw destination entry-content until enhanced sections mount (jul10) ===== */
body.chalo-destination:not(.chalo-dest-ssr) .entry-content{display:none !important;}
body.chalo-destination.chalo-dest-fallback .entry-content{display:block !important;}
/* SSR: destination tours show 6 + View More (jul10) */
body.chalo-destination .dest-safaris:not(.tours-expanded) #cloc-dest-tours-grid > .cloc-tour-card:nth-child(n+7){display:none !important;}
/* SSR: destination sections moved inside .entry-content — restore white overlay text + button legibility (jul10) */
body.chalo-dest-ssr .entry-content .dest-subdest-card .subdest-overlay h3{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;}
body.chalo-dest-ssr .entry-content .dest-subdest-card .subdest-overlay p{color:rgba(255,255,255,0.85) !important;-webkit-text-fill-color:rgba(255,255,255,0.85) !important;}
body.chalo-dest-ssr .entry-content .dest-camps a.midcta-btn:not(#_a):not(#_b){color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;}
body.chalo-dest-ssr .entry-content .dest-camps a.midcta-btn:not(#_a):not(#_b):hover{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;}
body.chalo-dest-ssr .entry-content h2.cloc-h:not(#_a):not(#_b){color:#2c1810 !important;}
/* START PLANNING nav button — brand-gold hover (was legacy reddish #d45a47, illegible gold-on-red) jul10 */
header .ab-button.reddish-background a.ct-menu-link:hover:not(#_a):not(#_b),
.ab-button.reddish-background:hover a.ct-menu-link:not(#_a):not(#_b),
.ab-button.reddish-background a.ct-menu-link:hover:not(#_a):not(#_b){
background:#b8954e !important; background-color:#b8954e !important;
border-color:#b8954e !important;
color:#ffffff !important; -webkit-text-fill-color:#ffffff !important;
}
/* Where to Stay (camps) cards — white background (jul10) */
body.chalo-dest-ssr .dest-camps .dest-camp-card{background:#ffffff !important;border:1px solid #e8e0d6 !important;}
body.chalo-dest-ssr .dest-camps .dest-camp-card .camp-info{background:#ffffff !important;}
/* Safari Destinations card grid (46287) jul10 */
body.page-id-46287 .dg-intro{max-width:820px;margin:10px auto 34px;text-align:center;font-family:Montserrat,sans-serif;font-weight:300;font-size:17px;line-height:1.7;color:#4a4340;}
body.page-id-46287 .dg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:24px;max-width:1200px;margin:0 auto 50px;}
body.page-id-46287 .dg-card{position:relative;display:block;height:240px;overflow:hidden;border:1px solid #e8e0d6;text-decoration:none;}
body.page-id-46287 .dg-card .dg-img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .5s ease;}
body.page-id-46287 .dg-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.08) 0%,rgba(0,0,0,0.68) 100%);}
body.page-id-46287 .dg-card .dg-name{position:absolute;left:22px;bottom:16px;z-index:2;color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;font-family:'Cormorant Garamond',Georgia,serif;font-size:27px;font-weight:500;letter-spacing:.3px;}
body.page-id-46287 .dg-card:hover .dg-img{transform:scale(1.06);}
body.page-id-46287 .dg-card:hover{border-top:3px solid #c8a96e;box-shadow:0 12px 30px rgba(0,0,0,0.14);}
@media(max-width:600px){body.page-id-46287 .dg-grid{grid-template-columns:1fr 1fr;gap:14px;}body.page-id-46287 .dg-card{height:170px;}body.page-id-46287 .dg-card .dg-name{font-size:20px;left:14px;}}
/* ===== Safari Destinations grid v2 — hero + description + counts (jul11) ===== */
body.page-id-46287 .hero-section{display:none!important}
body.page-id-46287 .dg-hero{position:relative;min-height:70vh;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;text-align:center;width:100vw;margin-left:calc(-50vw + 50%);margin-top:0}
body.page-id-46287 .dg-hero-ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,.25) 40%,rgba(0,0,0,.62) 100%)}
body.page-id-46287 .dg-hero-in{position:relative;z-index:2;max-width:840px;padding:0 24px}
body.page-id-46287 .dg-hero-kick{display:block;font-family:'Montserrat',sans-serif;text-transform:uppercase;letter-spacing:3px;font-size:13px;color:#c8a96e;margin-bottom:18px}
body.page-id-46287 .dg-hero-h1{font-family:'Cormorant Garamond',Georgia,serif;color:#fff;font-size:62px;font-weight:300;line-height:1.05;margin:0 0 18px}
body.page-id-46287 .dg-hero-sub{font-family:'Montserrat',sans-serif;color:rgba(255,255,255,.9);font-size:18px;line-height:1.65;font-weight:300;margin:0}
body.page-id-46287 .dg-intro{max-width:780px;margin:64px auto 44px;padding:0 24px;text-align:center}
body.page-id-46287 .dg-intro p{font-family:'Montserrat',sans-serif;font-size:17px;line-height:1.75;color:#4a4340;margin:0}
body.page-id-46287 .dg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1200px;margin:0 auto 90px;padding:0 24px}
body.page-id-46287 .dg-card{position:relative;height:auto;display:flex;flex-direction:column;background:#fff;border:1px solid #e8e0d6;text-decoration:none;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
body.page-id-46287 .dg-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(0,0,0,.12);border-color:#c8a96e}
body.page-id-46287 .dg-img{position:static;display:block;width:100%;height:220px;background-size:cover;background-position:center;transition:transform .5s ease}
body.page-id-46287 .dg-card:hover .dg-img{transform:scale(1.05)}
body.page-id-46287 .dg-body{position:static;padding:22px 24px 24px;display:flex;flex-direction:column;gap:9px;background:#fff}
body.page-id-46287 .dg-name{position:static;font-family:'Cormorant Garamond',Georgia,serif;font-size:25px;font-weight:600;color:#2c1810;line-height:1.1;margin:0;text-align:left;text-transform:none;letter-spacing:0}
body.page-id-46287 .dg-desc{font-family:'Montserrat',sans-serif;font-size:13.5px;line-height:1.6;color:#6b6560}
body.page-id-46287 .dg-meta{font-family:'Montserrat',sans-serif;font-size:11.5px;letter-spacing:.6px;color:#c8a96e;font-weight:600;text-transform:uppercase;margin-top:4px}
@media(max-width:900px){body.page-id-46287 .dg-grid{grid-template-columns:repeat(2,1fr)}body.page-id-46287 .dg-hero-h1{font-size:46px}}
@media(max-width:600px){body.page-id-46287 .dg-grid{grid-template-columns:1fr}body.page-id-46287 .dg-hero{min-height:56vh}body.page-id-46287 .dg-hero-h1{font-size:34px}body.page-id-46287 .dg-hero-sub{font-size:16px}}
/* ===== Safari Destinations grid v2 — hero + description + counts (jul11) ===== */
body.page-id-46287 .hero-section{display:none!important}
body.page-id-46287 .dg-hero{position:relative;min-height:70vh;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;text-align:center;width:100vw;margin-left:calc(-50vw + 50%);margin-top:0}
body.page-id-46287 .dg-hero-ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,.25) 40%,rgba(0,0,0,.62) 100%)}
body.page-id-46287 .dg-hero-in{position:relative;z-index:2;max-width:840px;padding:0 24px}
body.page-id-46287 .dg-hero-kick{display:block;font-family:'Montserrat',sans-serif;text-transform:uppercase;letter-spacing:3px;font-size:13px;color:#c8a96e;margin-bottom:18px}
body.page-id-46287 .dg-hero-h1{font-family:'Cormorant Garamond',Georgia,serif;color:#fff;font-size:62px;font-weight:300;line-height:1.05;margin:0 0 18px}
body.page-id-46287 .dg-hero-sub{font-family:'Montserrat',sans-serif;color:rgba(255,255,255,.9);font-size:18px;line-height:1.65;font-weight:300;margin:0}
body.page-id-46287 .dg-intro{max-width:780px;margin:64px auto 44px;padding:0 24px;text-align:center}
body.page-id-46287 .dg-intro p{font-family:'Montserrat',sans-serif;font-size:17px;line-height:1.75;color:#4a4340;margin:0}
body.page-id-46287 .dg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1200px;margin:0 auto 90px;padding:0 24px}
body.page-id-46287 .dg-card{position:relative;height:auto;display:flex;flex-direction:column;background:#fff;border:1px solid #e8e0d6;text-decoration:none;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
body.page-id-46287 .dg-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(0,0,0,.12);border-color:#c8a96e}
body.page-id-46287 .dg-img{position:static;display:block;width:100%;height:220px;background-size:cover;background-position:center;transition:transform .5s ease}
body.page-id-46287 .dg-card:hover .dg-img{transform:scale(1.05)}
body.page-id-46287 .dg-body{position:static;padding:22px 24px 24px;display:flex;flex-direction:column;gap:9px;background:#fff}
body.page-id-46287 .dg-name{position:static;font-family:'Cormorant Garamond',Georgia,serif;font-size:25px;font-weight:600;color:#2c1810;line-height:1.1;margin:0;text-align:left;text-transform:none;letter-spacing:0}
body.page-id-46287 .dg-desc{font-family:'Montserrat',sans-serif;font-size:13.5px;line-height:1.6;color:#6b6560}
body.page-id-46287 .dg-meta{font-family:'Montserrat',sans-serif;font-size:11.5px;letter-spacing:.6px;color:#c8a96e;font-weight:600;text-transform:uppercase;margin-top:4px}
@media(max-width:900px){body.page-id-46287 .dg-grid{grid-template-columns:repeat(2,1fr)}body.page-id-46287 .dg-hero-h1{font-size:46px}}
@media(max-width:600px){body.page-id-46287 .dg-grid{grid-template-columns:1fr}body.page-id-46287 .dg-hero{min-height:56vh}body.page-id-46287 .dg-hero-h1{font-size:34px}body.page-id-46287 .dg-hero-sub{font-size:16px}}
/* ===== 46287 hero-section hide — beat chalo-content-page dark-hero rule (jul11) ===== */
html body.page-id-46287.page-id-46287.page-id-46287 .hero-section,
html body.page-id-46287.page-id-46287.page-id-46287 .hero-section[data-type]{display:none!important}
/* ===== 46287 hero-section hide — beat chalo-content-page dark-hero rule (jul11) ===== */
html body.page-id-46287.page-id-46287.page-id-46287 .hero-section,
html body.page-id-46287.page-id-46287.page-id-46287 .hero-section[data-type]{display:none!important}
/* ===== 46287 hero full-bleed + image fix (jul11) ===== */
html body.page-id-46287.page-id-46287 .dg-hero{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;left:auto!important;right:auto!important}
/* ===== 46287 card v2 — neutralize legacy overlay card design (jul11) ===== */
body.page-id-46287 .dg-card{height:auto!important;display:flex!important;flex-direction:column!important;position:relative!important}
body.page-id-46287 .dg-card .dg-img{position:static!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;height:220px!important}
body.page-id-46287 .dg-card:hover .dg-img{transform:scale(1.05)}
body.page-id-46287 .dg-card .dg-body{position:static!important;padding:22px 24px 24px!important;display:flex!important;flex-direction:column!important;gap:9px!important;background:#fff!important}
body.page-id-46287 .dg-card .dg-name{position:static!important;color:#2c1810!important;background:none!important;text-align:left!important;font-family:'Cormorant Garamond',Georgia,serif!important;font-size:25px!important;font-weight:600!important;padding:0!important;margin:0!important;line-height:1.1!important;text-transform:none!important;letter-spacing:0!important}
body.page-id-46287 .dg-card .dg-desc{color:#6b6560!important;font-family:'Montserrat',sans-serif;font-size:13.5px;line-height:1.6}
body.page-id-46287 .dg-card .dg-meta{color:#c8a96e!important;font-family:'Montserrat',sans-serif;font-size:11.5px;letter-spacing:.6px;font-weight:600;text-transform:uppercase;margin-top:4px}
body.page-id-46287 .dg-card::after{display:none!important;content:none!important;background:none!important}
/* darken hero overlay slightly for subtitle legibility */
html body.page-id-46287 .dg-hero-ov{background:linear-gradient(180deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,.4) 45%,rgba(0,0,0,.65) 100%)!important}
/* ===== 46287 card name -webkit-text-fill fix (jul11) ===== */
body.page-id-46287 .dg-card .dg-name{-webkit-text-fill-color:#2c1810!important}
body.page-id-46287 .dg-card .dg-desc{-webkit-text-fill-color:#6b6560!important}
body.page-id-46287 .dg-card .dg-meta{-webkit-text-fill-color:#c8a96e!important}
/* ===== START PLANNING nav CTA legibility over light heroes (jul11) ===== */
header.ct-header:not(.chalo-scrolled) .ab-button.reddish-background > a.ct-menu-link{
background-color: rgba(44,24,16,0.32) !important;
border-color: rgba(255,255,255,0.95) !important;
text-shadow: 0 1px 3px rgba(0,0,0,0.5) !important;
}
header.ct-header:not(.chalo-scrolled) .ab-button.reddish-background > a.ct-menu-link:hover{
background-color: #b8954e !important;
border-color: #b8954e !important;
color: #ffffff !important;
text-shadow: none !important;
}
/* ===== START PLANNING CTA legibility v2 — fake-id specificity (jul11) ===== */
header.ct-header:not(.chalo-scrolled) .ab-button.reddish-background > a.ct-menu-link:not(#_x):not(#_y){
background-color: rgba(44,24,16,0.34) !important;
border: 2px solid rgba(255,255,255,0.95) !important;
text-shadow: 0 1px 3px rgba(0,0,0,0.55) !important;
}
header.ct-header:not(.chalo-scrolled) .ab-button.reddish-background > a.ct-menu-link:hover:not(#_x):not(#_y){
background-color: #b8954e !important;
border-color: #b8954e !important;
color: #ffffff !important;
text-shadow: none !important;
}
/* ===== Location pages: centre camps/tours/offers grids when < 3 cards (jul11) ===== */
body.tax-location .cloc-grid:has(> :first-child:nth-last-child(1)){ grid-template-columns: minmax(280px, 440px) !important; justify-content: center !important; }
body.tax-location .cloc-grid:has(> :first-child:nth-last-child(2)){ grid-template-columns: repeat(2, minmax(280px, 400px)) !important; justify-content: center !important; }
/* ===== SSR destination pages: glance strip + centre Where-to-Go / Where-to-Stay (jul11) ===== */
body.chalo-dest-ssr .dest-glance{ display:grid !important; grid-template-columns:repeat(4,1fr) !important; flex-wrap:nowrap !important; }
body.chalo-dest-ssr .cloc-region-grid:has(> :first-child:nth-last-child(1)){ grid-template-columns:minmax(280px,460px) !important; justify-content:center !important; }
body.chalo-dest-ssr .cloc-region-grid:has(> :first-child:nth-last-child(2)){ grid-template-columns:repeat(2,minmax(280px,440px)) !important; justify-content:center !important; }
body.chalo-dest-ssr .dest-camps-scroll:has(> :first-child:nth-last-child(-n+3)){ justify-content:center !important; }
@media(max-width:768px){ body.chalo-dest-ssr .dest-glance{ grid-template-columns:repeat(2,1fr) !important; } }
/* ===== safari-destinations hero legibility + bigger/bolder cards (jul11) ===== */
body.page-id-46287 .dg-hero-ov{ background:linear-gradient(180deg,rgba(0,0,0,0.60) 0%,rgba(0,0,0,0.5) 45%,rgba(0,0,0,0.70) 100%) !important; }
body.page-id-46287 .dg-hero-h1{ text-shadow:0 2px 16px rgba(0,0,0,0.6) !important; }
body.page-id-46287 .dg-hero-sub{ color:#ffffff !important; font-size:19px !important; text-shadow:0 1px 10px rgba(0,0,0,0.7) !important; }
body.page-id-46287 .dg-hero-kick{ text-shadow:0 1px 8px rgba(0,0,0,0.65) !important; }
body.page-id-46287 .dg-img{ height:280px !important; }
body.page-id-46287 .dg-card .dg-name{ font-size:30px !important; font-weight:700 !important; }
body.page-id-46287 .dg-card .dg-desc{ font-size:15px !important; line-height:1.65 !important; }
body.page-id-46287 .dg-card .dg-meta{ font-size:12.5px !important; letter-spacing:.7px !important; }
body.page-id-46287 .dg-body{ padding:26px 28px 30px !important; gap:11px !important; }
/* ===== safari-destinations hero legibility v2 — beat html-body overlay rule (jul11) ===== */
html body.page-id-46287.page-id-46287 .dg-hero-ov{ background:linear-gradient(180deg,rgba(0,0,0,0.62) 0%,rgba(0,0,0,0.52) 45%,rgba(0,0,0,0.72) 100%) !important; }
html body.page-id-46287.page-id-46287 .dg-hero-h1{ color:#ffffff !important; text-shadow:0 2px 16px rgba(0,0,0,0.65) !important; }
html body.page-id-46287.page-id-46287 .dg-hero-sub{ color:#ffffff !important; font-size:19px !important; text-shadow:0 1px 12px rgba(0,0,0,0.8) !important; }
html body.page-id-46287.page-id-46287 .dg-hero-kick{ color:#e8c98a !important; text-shadow:0 1px 8px rgba(0,0,0,0.7) !important; }
/* ===== safari-destinations: alternating full-width rows + icon stats + Chalo Difference (jul11) ===== */
body.page-id-46287 .dg-grid{ grid-template-columns:1fr !important; gap:38px !important; max-width:1140px !important; }
body.page-id-46287 .dg-card{ flex-direction:row !important; min-height:360px !important; align-items:stretch !important; }
body.page-id-46287 .dg-card:nth-child(even){ flex-direction:row-reverse !important; }
body.page-id-46287 .dg-card .dg-img{ width:53% !important; flex:0 0 53% !important; height:auto !important; min-height:360px !important; align-self:stretch !important; }
body.page-id-46287 .dg-card .dg-body{ width:47% !important; flex:1 1 47% !important; justify-content:center !important; padding:46px 54px !important; gap:16px !important; }
body.page-id-46287 .dg-card .dg-name{ font-size:40px !important; line-height:1.05 !important; }
body.page-id-46287 .dg-card .dg-desc{ font-size:16.5px !important; line-height:1.7 !important; }
body.page-id-46287 .dg-meta{ display:flex !important; flex-wrap:wrap !important; gap:9px 20px !important; align-items:center !important; margin-top:10px !important; }
body.page-id-46287 .dg-stat{ display:inline-flex !important; align-items:center !important; gap:8px !important; font-family:'Montserrat',sans-serif !important; font-size:13.5px !important; color:#6b6560 !important; letter-spacing:.2px !important; text-transform:none !important; -webkit-text-fill-color:#6b6560 !important; font-weight:400 !important; }
body.page-id-46287 .dg-stat b{ color:#2c1810 !important; -webkit-text-fill-color:#2c1810 !important; font-weight:700 !important; }
body.page-id-46287 .dg-ico{ width:21px !important; height:21px !important; color:#c8a96e !important; flex:0 0 21px !important; }
body.page-id-46287 .dg-diff{ background:#faf7f2 !important; width:100vw !important; margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; padding:84px 24px !important; margin-top:40px !important; }
body.page-id-46287 .dg-diff-inner{ max-width:1140px; margin:0 auto; text-align:center; }
body.page-id-46287 .dg-diff-kick{ display:block; font-family:'Montserrat',sans-serif; text-transform:uppercase; letter-spacing:3px; font-size:12px; color:#c8a96e; margin-bottom:14px; }
body.page-id-46287 .dg-diff-h2{ font-family:'Cormorant Garamond',Georgia,serif; font-size:44px; color:#2c1810; margin:0; font-weight:500; }
body.page-id-46287 .dg-diff-hr{ border:none; height:1px; width:72px; background:#c8a96e; margin:18px auto 48px; opacity:.7; }
body.page-id-46287 .dg-diff-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:40px; }
body.page-id-46287 .dg-diff-item{ text-align:center; }
body.page-id-46287 .dgd-ico{ width:46px; height:46px; color:#c8a96e; margin-bottom:18px; }
body.page-id-46287 .dg-diff-item h3{ font-family:'Cormorant Garamond',Georgia,serif; font-size:23px; color:#2c1810; margin:0 0 10px; font-weight:600; }
body.page-id-46287 .dg-diff-item p{ font-family:'Montserrat',sans-serif; font-size:14px; line-height:1.65; color:#6b6560; margin:0; }
@media(max-width:900px){ body.page-id-46287 .dg-card, body.page-id-46287 .dg-card:nth-child(even){ flex-direction:column !important; } body.page-id-46287 .dg-card .dg-img, body.page-id-46287 .dg-card .dg-body{ width:100% !important; flex:none !important; } body.page-id-46287 .dg-card .dg-img{ height:240px !important; min-height:240px !important; } body.page-id-46287 .dg-card .dg-name{ font-size:32px !important; } body.page-id-46287 .dg-diff-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:560px){ body.page-id-46287 .dg-diff-grid{ grid-template-columns:1fr; } }
/* ===== safari-destinations: all images left + lighter names (jul11) ===== */
body.page-id-46287 .dg-card, body.page-id-46287 .dg-card:nth-child(even){ flex-direction:row !important; }
body.page-id-46287 .dg-card .dg-name{ font-weight:500 !important; }
@media(max-width:900px){ body.page-id-46287 .dg-card, body.page-id-46287 .dg-card:nth-child(even){ flex-direction:column !important; } }
/* ===== location offers scroll centering + safari-destinations top/bottom gaps (jul11) ===== */
body.tax-location .cloc-scroll:has(> :first-child:nth-last-child(-n+3)){ justify-content:center !important; }
body.page-id-46287 .site-main, body.page-id-46287 .entry-content{ padding-top:0 !important; padding-bottom:0 !important; }
body.page-id-46287 .dg-hero{ margin-top:0 !important; }
body.page-id-46287 .dg-diff{ margin-bottom:0 !important; }
/* ===== Location long-description section + destination Safari Collection centering (jul11) ===== */
body.tax-location .cloc-intro{ padding:56px 24px 8px !important; }
body.tax-location .cloc-intro-in{ max-width:860px; margin:0 auto; }
body.tax-location .cloc-intro-in p{ font-family:'Montserrat',sans-serif; font-size:17px; line-height:1.8; color:#4a4340; margin:0 0 18px; }
body.chalo-dest-ssr .cloc-grid:has(> :first-child:nth-last-child(1)){ grid-template-columns:minmax(280px,440px) !important; justify-content:center !important; }
body.chalo-dest-ssr .cloc-grid:has(> :first-child:nth-last-child(2)){ grid-template-columns:repeat(2,minmax(280px,400px)) !important; justify-content:center !important; }
/* ===== Search results page (jul11) ===== */
body.search-results .site-main{ padding-top:80px !important; }
body.search-results .entry-header{ margin:0 0 36px !important; padding:0 !important; }
body.search-results .entry-header .page-title{ font-family:'Cormorant Garamond',Georgia,serif !important; font-size:38px !important; font-weight:500 !important; color:#2c1810 !important; margin:0 !important; text-align:left !important; }
body.search-results .chalo-search-type{ display:block; font-family:'Montserrat',sans-serif; font-size:11px; font-weight:600; letter-spacing:1.6px; text-transform:uppercase; color:#c8a96e; margin:0 0 8px; }
body.search-results .chalo-search-sidebar{ background:#faf7f2 !important; border:1px solid #e8e0d6 !important; padding:34px 28px !important; }
body.search-results .chalo-search-sidebar > div, body.search-results .chalo-search-sidebar .widget, body.search-results .chalo-search-sidebar section{ background:transparent !important; }
/* ===== Expeditions page (46319): match Safari Tours listing (jul11) ===== */
body.page-id-46319 #safari-filters-wrap{ grid-template-columns:repeat(4,1fr) !important; }
body.page-id-46319 .fwpl-layout .el-mqrg4oi,
body.page-id-46319 .fwpl-layout .el-mqrg4oi *{
font-family:'Montserrat',sans-serif !important;
font-style:normal !important;
font-size:11px !important;
font-weight:600 !important;
letter-spacing:1.5px !important;
text-transform:uppercase !important;
color:#6b6560 !important;
line-height:1.6 !important;
}
/* ===== Expeditions kicker/meta correction — match listing (normal case, muted grey) ===== */
body.page-id-46319 .fwpl-layout .el-mqrg4oi,
body.page-id-46319 .fwpl-layout .el-mqrg4oi *{
font-family:'Montserrat',sans-serif !important;
font-style:normal !important;
text-transform:none !important;
letter-spacing:normal !important;
font-size:13px !important;
font-weight:400 !important;
color:#6b6560 !important;
line-height:1.6 !important;
}
/* ===== safari-destinations: tighten gap between kicker and heading ===== */
body.page-id-46287 .dg-diff-kick{ margin-bottom:6px !important; }
body.page-id-46287 .dg-diff-h2{ margin-top:0 !important; }
/* ===== Contain Leaflet map stacking so it never overlaps the sticky nav (jul11) ===== */
.leaflet-container{ position:relative !important; z-index:0 !important; isolation:isolate !important; }
.leaflet-pane, .leaflet-top, .leaflet-bottom, .leaflet-control, .leaflet-control-attribution{ z-index:auto !important; }
.cloc-mapwx, .cloc-map, [id*="loc-map"], [class*="cloc-map"], [id*="dest-map"], [class*="dest-map"]{ position:relative; z-index:0; isolation:isolate; }
header.ct-header{ z-index:999 !important; }
/* ===== Reviews archive: remove duplicate header + centred review cards (jul11) ===== */
body.post-type-archive-reviews .entry-header{ display:none !important; }
body.post-type-archive-reviews .entry-card{
grid-template-columns:1fr !important;
grid-template-areas:"img" "title" "excerpt" "meta" !important;
justify-items:center !important;
text-align:center !important;
padding:46px 44px !important;
background:#ffffff !important;
border:1px solid #e8e0d6 !important;
border-top:3px solid #c8a96e !important;
}
body.post-type-archive-reviews .entry-card .ct-media-container{
grid-area:img !important;
width:100% !important; max-width:520px !important;
margin:0 auto 28px !important;
}
body.post-type-archive-reviews .entry-card .ct-media-container img{ width:100% !important; height:auto !important; display:block !important; }
body.post-type-archive-reviews .entry-card .entry-title{ grid-area:title !important; text-align:center !important; margin:0 auto 14px !important; }
body.post-type-archive-reviews .entry-card .entry-excerpt{ grid-area:excerpt !important; text-align:center !important; max-width:760px; margin:0 auto; }
body.post-type-archive-reviews .entry-card ul.entry-meta{ grid-area:meta !important; justify-content:center !important; text-align:center !important; margin:18px auto 0 !important; }
/* ===== Reviews archive: collapse duplicate rvx-hero banner (kept in DOM as JS anchor) ===== */
body.post-type-archive-reviews .rvx-hero{ display:none !important; }
/* ===== Reviews archive: keep custom rvx-hero, hide duplicate theme hero-section ===== */
body.post-type-archive-reviews .rvx-hero{ display:block !important; }
html body.post-type-archive-reviews .hero-section,
html body.post-type-archive-reviews .hero-section[data-type]{ display:none !important; }
/* ===== Reviews archive: stack card, centre the image (jul11) ===== */
html body.post-type-archive-reviews .entry-card{
display:block !important;
grid-template-columns:none !important;
grid-template-areas:none !important;
text-align:center !important;
padding:48px 44px !important;
}
html body.post-type-archive-reviews .entry-card .ct-media-container,
html body.post-type-archive-reviews .entry-card .rvx-media,
html body.post-type-archive-reviews .entry-card a.ct-media-container{
display:block !important; float:none !important;
width:100% !important; max-width:520px !important;
margin:0 auto 30px !important; grid-area:auto !important;
}
html body.post-type-archive-reviews .entry-card .ct-media-container img{ width:100% !important; height:auto !important; display:block !important; }
html body.post-type-archive-reviews .entry-card .entry-title,
html body.post-type-archive-reviews .entry-card .entry-excerpt,
html body.post-type-archive-reviews .entry-card .rvx-quote,
html body.post-type-archive-reviews .entry-card ul.entry-meta{ grid-area:auto !important; text-align:center !important; margin-left:auto !important; margin-right:auto !important; }
html body.post-type-archive-reviews .entry-card .rvx-readmore,
html body.post-type-archive-reviews .entry-card .rvx-more{ display:block !important; text-align:center !important; margin:26px auto 0 !important; }
/* ===== Reviews archive: stack card + centre image — beat body.archive grid rule (jul11) ===== */
html body.post-type-archive-reviews.archive .entry-card.entry-card{
display:block !important;
grid-template-columns:none !important;
grid-template-areas:none !important;
text-align:center !important;
padding:48px 44px !important;
}
html body.post-type-archive-reviews.archive .entry-card.entry-card .ct-media-container,
html body.post-type-archive-reviews.archive .entry-card.entry-card a.ct-media-container{
display:block !important; float:none !important;
width:100% !important; max-width:520px !important;
margin:0 auto 30px !important;
}
html body.post-type-archive-reviews.archive .entry-card.entry-card .ct-media-container img{ width:100% !important; height:auto !important; display:block !important; }
html body.post-type-archive-reviews.archive .entry-card.entry-card .entry-title,
html body.post-type-archive-reviews.archive .entry-card.entry-card .entry-excerpt,
html body.post-type-archive-reviews.archive .entry-card.entry-card ul.entry-meta{ text-align:center !important; margin-left:auto !important; margin-right:auto !important; }
/* ===== Reviews: image on top, centred ===== */
html body.post-type-archive-reviews.archive .entry-card.entry-card{
display:flex !important; flex-direction:column !important; align-items:center !important;
}
html body.post-type-archive-reviews.archive .entry-card.entry-card .ct-media-container,
html body.post-type-archive-reviews.archive .entry-card.entry-card a.ct-media-container{ order:-1 !important; }
/* ===== Expeditions: revert my 4-col override (it broke the filter layout) ===== */
body.page-id-46319 #safari-filters-wrap{ grid-template-columns:repeat(5,1fr) !important; }
/* ===== Expeditions: 4 filters, 4 even columns (spacer block removed from content) ===== */
body.page-id-46319 #safari-filters-wrap{ grid-template-columns:repeat(4,1fr) !important; }
/* ===== Smooth nav: always fixed, transition background only (no position swap / slide-in) ===== */
html body header.ct-header{
position:fixed !important;
top:0 !important; left:0 !important; right:0 !important; width:100% !important;
animation:none !important;
transform:none !important;
transition: background-color .32s ease, box-shadow .32s ease !important;
will-change:background-color;
}
html body.admin-bar header.ct-header{ top:32px !important; }
html body header.ct-header:not(.chalo-scrolled){
background-color:transparent !important;
box-shadow:none !important;
}
/* ===== Smooth nav v2 — always fixed (beat :not(.chalo-scrolled) absolute rules) ===== */
html body header.ct-header:not(#_x):not(#_y){
position:fixed !important;
top:0 !important; left:0 !important; right:0 !important; width:100% !important;
animation:none !important; transform:none !important;
transition: background-color .32s ease, box-shadow .32s ease !important;
}
html body.admin-bar header.ct-header:not(#_x):not(#_y){ top:32px !important; }
html body header.ct-header:not(.chalo-scrolled):not(#_x):not(#_y){
background-color:transparent !important; box-shadow:none !important;
}
/* ============================================================
jul11 — START PLANNING hover (authoritative, supersedes 15 legacy rules)
============================================================ */
html body header.ct-header .ab-button.reddish-background > a.ct-menu-link:hover:not(#_p):not(#_q):not(#_r),
html body header.ct-header .ab-button.reddish-background a.ct-menu-link:hover:not(#_p):not(#_q):not(#_r),
html body header.ct-header li.menu-item-45977 > a.ct-menu-link:hover:not(#_p):not(#_q):not(#_r){
background: #b8954e !important;
background-color: #b8954e !important;
background-image: none !important;
border-color: #b8954e !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
text-shadow: none !important;
opacity: 1 !important;
box-shadow: 0 4px 14px rgba(200,169,110,0.35) !important;
}
/* ============================================================
jul11 — Special offer detail page
============================================================ */
/* 1. sidebar breathing room at top */
body.chalo-offer aside.dlx-side,
body.single-special-offer aside.dlx-side{ padding-top: 40px !important; }
/* 2a. accommodation card title — not bold, size matches heading */
body.single-special-offer .chalo-offer-acco-name a:not(#_x){
font-weight: 500 !important;
font-size: inherit !important;
}
/* 2b. "Luxury Tented Camp" matches "Serengeti National Park" */
body.single-special-offer li.chalo-offer-acco-type:not(#_x){
font-weight: 300 !important;
color: #6b6560 !important;
}
/* 3. enquiry radios — no persistent pill; square hover / checked state */
body.single-special-offer .chalo-offer-enquire .wpforms-form li label.wpforms-field-label-inline:not(#_x):not(#_y){
background: transparent !important;
background-color: transparent !important;
border: 1px solid transparent !important;
border-radius: 0 !important;
padding: 10px 16px !important;
transition: background-color .2s ease, border-color .2s ease;
}
body.single-special-offer .chalo-offer-enquire .wpforms-form li label.wpforms-field-label-inline:hover:not(#_x):not(#_y){
background-color: rgba(255,255,255,0.10) !important;
border: 1px solid #c8a96e !important;
border-radius: 0 !important;
}
body.single-special-offer .chalo-offer-enquire .wpforms-form li input[type="radio"]:checked + label.wpforms-field-label-inline:not(#_x):not(#_y),
body.single-special-offer .chalo-offer-enquire .wpforms-form li input[type="checkbox"]:checked + label.wpforms-field-label-inline:not(#_x):not(#_y){
background-color: rgba(200,169,110,0.18) !important;
border: 1px solid #c8a96e !important;
border-radius: 0 !important;
}
/* 4. no gap between enquiry section and footer */
body.single-special-offer .chalo-offer-enquire:not(#_x){ margin-bottom: 0 !important; }
body.single-special-offer .site-main:not(#_x),
body.single-special-offer .ct-container-full:not(#_x){ padding-bottom: 0 !important; margin-bottom: 0 !important; }
/* jul11 — Chalo Difference: full-bleed on homepage (matches destination pages) */
body.home .entry-content .dest-trust:not(#_x):not(#_y){
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
margin-bottom: 0 !important;
padding-left: 40px !important;
padding-right: 40px !important;
box-sizing: border-box !important;
}
/* ===== Reviews archive: 2-col cards, full-width image (jul11b) ===== */
html body.post-type-archive-reviews .entries,
html body.post-type-archive-reviews .entries[data-layout="grid"] {
display:grid !important;
grid-template-columns:repeat(2, 1fr) !important;
gap:36px !important;
max-width:1200px !important;
margin:0 auto !important;
}
html body.post-type-archive-reviews article.entry-card {
display:flex !important;
flex-direction:column !important;
padding:0 0 32px !important;
overflow:hidden !important;
text-align:center !important;
}
html body.post-type-archive-reviews .entry-card a.ct-media-container,
html body.post-type-archive-reviews .entry-card .ct-media-container {
order:-1 !important;
display:block !important;
width:100% !important;
max-width:100% !important;
height:260px !important;
margin:0 0 26px !important;
overflow:hidden !important;
}
html body.post-type-archive-reviews .entry-card .ct-media-container img {
width:100% !important;
height:100% !important;
object-fit:cover !important;
display:block !important;
transition:transform .5s ease;
}
html body.post-type-archive-reviews article.entry-card:hover .ct-media-container img { transform:scale(1.05); }
html body.post-type-archive-reviews .entry-card ul.entry-meta,
html body.post-type-archive-reviews .entry-card .rvx-stars,
html body.post-type-archive-reviews .entry-card .entry-title,
html body.post-type-archive-reviews .entry-card .entry-excerpt,
html body.post-type-archive-reviews .entry-card .rvx-quote,
html body.post-type-archive-reviews .entry-card .rvx-byline {
width:auto !important;
max-width:100% !important;
padding-left:32px !important;
padding-right:32px !important;
box-sizing:border-box !important;
margin-left:auto !important;
margin-right:auto !important;
}
html body.post-type-archive-reviews .entry-card .entry-title a { font-size:23px !important; }
html body.post-type-archive-reviews .entry-card .rvx-quote {
display:-webkit-box !important;
-webkit-line-clamp:4 !important;
-webkit-box-orient:vertical !important;
overflow:hidden !important;
}
html body.post-type-archive-reviews .entry-card > *:last-child { padding-bottom:0 !important; }
@media (max-width:900px) {
html body.post-type-archive-reviews .entries,
html body.post-type-archive-reviews .entries[data-layout="grid"] { grid-template-columns:1fr !important; }
html body.post-type-archive-reviews .entry-card .ct-media-container { height:220px !important; }
}
/* ===== Reviews archive: image full-bleed in card — specificity override (jul11c) ===== */
html body.post-type-archive-reviews .entry-card a.ct-media-container:not(#_a):not(#_b):not(#_c),
html body.post-type-archive-reviews .entry-card .ct-media-container:not(#_a):not(#_b):not(#_c) {
width:100% !important;
max-width:100% !important;
min-width:0 !important;
height:260px !important;
margin:0 0 26px !important;
padding:0 !important;
order:-1 !important;
display:block !important;
flex:0 0 auto !important;
overflow:hidden !important;
}
html body.post-type-archive-reviews .entry-card .ct-media-container img:not(#_a):not(#_b):not(#_c) {
width:100% !important;
height:100% !important;
max-width:100% !important;
object-fit:cover !important;
display:block !important;
}
@media (max-width:900px) {
html body.post-type-archive-reviews .entry-card .ct-media-container:not(#_a):not(#_b):not(#_c) { height:220px !important; }
}
/* ===== Reviews archive: card padding reset so image is edge-to-edge (jul11d) ===== */
html body.post-type-archive-reviews article.entry-card:not(#_a):not(#_b):not(#_c):not(#_d) {
padding:0 0 32px !important;
}
html body.post-type-archive-reviews .entry-card ul.entry-meta:not(#_a):not(#_b):not(#_c),
html body.post-type-archive-reviews .entry-card .rvx-stars:not(#_a):not(#_b):not(#_c),
html body.post-type-archive-reviews .entry-card .entry-title:not(#_a):not(#_b):not(#_c),
html body.post-type-archive-reviews .entry-card .entry-excerpt:not(#_a):not(#_b):not(#_c),
html body.post-type-archive-reviews .entry-card .rvx-quote:not(#_a):not(#_b):not(#_c),
html body.post-type-archive-reviews .entry-card .rvx-byline:not(#_a):not(#_b):not(#_c) {
padding-left:32px !important;
padding-right:32px !important;
box-sizing:border-box !important;
width:100% !important;
max-width:100% !important;
}
html body.post-type-archive-reviews .entry-card a.rvx-more:not(#_a):not(#_b):not(#_c) {
margin-left:32px !important;
margin-right:32px !important;
}
/* ===== jul12b: Expeditions page (46319) borrows the 46296 body class for listing styles,
which also hid .wp-block-image. Restore content images on 46319 only. ===== */
body.page-id-46319 .entry-content > .wp-block-image { display: block !important; margin-left: auto !important; margin-right: auto !important; }
body.page-id-46319 .entry-content > .wp-block-image img { display: block !important; max-width: 100% !important; height: auto !important; margin: 0 auto !important; }
/* ===== jul12: tour map Key Destinations legend (rebuilt from ACF map points) ===== */
.map-legend { margin-top: 16px; padding: 16px 20px; background: #faf7f2; border: 1px solid #e8e0d6; }
.map-legend-title { font-family: Montserrat, sans-serif; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: #6b6560; margin-bottom: 10px; }
.map-legend-items { display: flex; flex-wrap: wrap; gap: 14px 22px; }
.map-legend-item { display: flex; align-items: center; gap: 8px; font-family: Montserrat, sans-serif; font-size: 14px; font-weight: 300; color: #4a4340; }
.map-legend-pin { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: #c8a96e; color: #fff; font-size: 11px; font-weight: 700; flex: 0 0 22px; }
/* ===== jul12: FAQ hub index (restores links to the 36 FAQ posts) ===== */
.chalo-faq-index { max-width: 900px; margin: 60px auto 0; padding: 0 20px; }
.chalo-faq-index h2 { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 36px; font-weight: 400; color: #2c1810; text-align: center; margin-bottom: 12px; }
.chalo-faq-index h2::after { content: ''; display: block; width: 60px; height: 1px; background: #c8a96e; margin: 18px auto 34px; }
.chalo-faq-list { list-style: none; margin: 0; padding: 0; }
.chalo-faq-item { border-bottom: 1px solid #e8e0d6; padding: 22px 0; }
.chalo-faq-item:first-child { border-top: 1px solid #e8e0d6; }
a.chalo-faq-q { display: block; font-family: 'Cormorant Garamond', Georgia, serif; font-size: 22px; font-weight: 500; color: #2c1810; text-decoration: none; margin-bottom: 6px; transition: color .2s ease; }
a.chalo-faq-q:hover { color: #c8a96e; }
.chalo-faq-a { font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 300; line-height: 1.7; color: #6b6560; margin: 0; }
@media (max-width: 768px) { .chalo-faq-index h2 { font-size: 28px; } a.chalo-faq-q { font-size: 19px; } }
/* ===== jul12b: FAQ hub - image cards + accordion cross-links ===== */
.chalo-faq-index { max-width: 1200px; margin: 70px auto 0; padding: 0 20px; }
.chalo-faq-index h2 { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 38px; font-weight: 400; color: #2c1810; text-align: center; margin: 0 0 10px; }
.chalo-faq-index h2::after { content: ''; display: block; width: 60px; height: 1px; background: #c8a96e; margin: 20px auto 40px; }
.chalo-faq-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
a.chalo-faq-card { display: flex; flex-direction: column; border: 1px solid #e8e0d6; background: #fff; text-decoration: none; overflow: hidden; transition: box-shadow .25s ease, transform .25s ease, border-color .25s ease; }
a.chalo-faq-card:hover { box-shadow: 0 12px 34px rgba(0,0,0,0.10); transform: translateY(-3px); border-color: #c8a96e; }
.chalo-faq-media { display: block; width: 100%; height: 190px; overflow: hidden; }
.chalo-faq-media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease; }
a.chalo-faq-card:hover .chalo-faq-media img { transform: scale(1.05); }
.chalo-faq-body { display: block; padding: 22px 24px 26px; }
.chalo-faq-q { display: block; font-family: 'Cormorant Garamond', Georgia, serif; font-size: 22px; font-weight: 500; line-height: 1.3; color: #2c1810; margin-bottom: 8px; }
a.chalo-faq-card:hover .chalo-faq-q { color: #c8a96e; }
.chalo-faq-a { display: block; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 300; line-height: 1.7; color: #6b6560; }
.chalo-faq p.chalo-faq-more { margin: 16px 0 0; padding-top: 14px; border-top: 1px solid #e8e0d6; }
.chalo-faq p.chalo-faq-more a { font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 600; letter-spacing: 1.4px; text-transform: uppercase; color: #c8a96e; text-decoration: none; }
.chalo-faq p.chalo-faq-more a::before { content: 'Read more: '; color: #6b6560; font-weight: 400; letter-spacing: 0.5px; text-transform: none; }
.chalo-faq p.chalo-faq-more a:hover { color: #b8954e; }
@media (max-width: 1024px) { .chalo-faq-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 768px) { .chalo-faq-grid { grid-template-columns: 1fr; } .chalo-faq-index h2 { font-size: 28px; } }
/* ===== jul12: accommodation star rating (rendered from stored kkSR average) ===== */
.chalo-acco-rating { display: flex; align-items: center; justify-content: center; gap: 12px; margin: 14px 0 6px; }
.chalo-stars { display: inline-flex; gap: 3px; }
.chalo-star { width: 17px; height: 17px; display: inline-block; background: #e0d8cc; -webkit-mask: var(--chalo-star-mask) center/contain no-repeat; mask: var(--chalo-star-mask) center/contain no-repeat; }
:root { --chalo-star-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z%27/%3E%3C/svg%3E"); }
.chalo-star.is-full { background: #c8a96e; }
.chalo-star.is-half { background: linear-gradient(90deg, #c8a96e 50%, #e0d8cc 50%); }
.chalo-rating-score { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 600; color: #2c1810; }
.chalo-rating-count { font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 300; color: #6b6560; }
/* ==========================================================================
PARK REFERENCE CONTENT ON LOCATION PAGES (inc/chalo-park-content.php)
About / Wildlife / Best Time to Visit / Park Essentials
========================================================================== */
body.tax-location .cpark-block {
padding: 70px 0;
background: #ffffff;
}
body.tax-location .cpark-block.alt {
background: #faf7f2;
}
body.tax-location .cpark-in {
max-width: 800px;
margin: 0 auto;
padding: 0 24px;
text-align: center;
}
body.tax-location .cpark-block h2.cpark-h {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 36px;
font-weight: 400;
letter-spacing: 0.3px;
color: #2c1810;
margin: 0 0 18px;
text-align: center;
}
body.tax-location .cpark-block hr.cpark-hr {
border: none;
height: 1px;
background: #c8a96e;
max-width: 60px;
margin: 0 auto 28px;
opacity: 1;
}
body.tax-location .cpark-block p {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 1.75;
color: #4a4340;
margin: 0 0 16px;
}
body.tax-location .cpark-climate {
color: #6b6560 !important;
}
body.tax-location .cpark-note {
font-size: 13px !important;
color: #6b6560 !important;
margin-top: 26px !important;
letter-spacing: 0.3px;
}
/* Month grid */
body.tax-location .cpark-months {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 0;
border: 1px solid #e8e0d6;
border-right: 0;
border-bottom: 0;
margin: 30px 0 0;
}
body.tax-location .cpark-m {
border-right: 1px solid #e8e0d6;
border-bottom: 1px solid #e8e0d6;
padding: 14px 4px;
display: flex;
flex-direction: column;
align-items: center;
gap: 5px;
background: #ffffff;
}
body.tax-location .cpark-block.alt .cpark-m { background: #faf7f2; }
body.tax-location .cpark-m-n {
font-family: 'Montserrat', sans-serif;
font-size: 11px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
color: #2c1810;
}
body.tax-location .cpark-m-r {
font-family: 'Montserrat', sans-serif;
font-size: 10px;
font-weight: 500;
letter-spacing: 0.6px;
text-transform: uppercase;
color: #6b6560;
}
body.tax-location .cpark-m.is-best {
background: #c8a96e !important;
}
body.tax-location .cpark-m.is-best .cpark-m-n,
body.tax-location .cpark-m.is-best .cpark-m-r {
color: #ffffff;
}
body.tax-location .cpark-m.is-good {
background: #f0e6d2 !important;
}
body.tax-location .cpark-m.is-good .cpark-m-n { color: #2c1810; }
body.tax-location .cpark-m.is-fair {
background: #f5efe6 !important;
}
/* Park Essentials */
body.tax-location .cpark-facts-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0;
border: 1px solid #e8e0d6;
border-right: 0;
border-bottom: 0;
text-align: left;
}
body.tax-location .cpark-f {
border-right: 1px solid #e8e0d6;
border-bottom: 1px solid #e8e0d6;
padding: 20px 22px;
display: flex;
flex-direction: column;
gap: 7px;
}
body.tax-location .cpark-f-l {
font-family: 'Montserrat', sans-serif;
font-size: 11px;
font-weight: 600;
letter-spacing: 1.5px;
text-transform: uppercase;
color: #c8a96e;
}
body.tax-location .cpark-f-v {
font-family: 'Montserrat', sans-serif;
font-size: 15px;
font-weight: 300;
line-height: 1.6;
color: #4a4340;
}
@media (max-width: 768px) {
body.tax-location .cpark-block { padding: 48px 0; }
body.tax-location .cpark-block h2.cpark-h { font-size: 30px; }
body.tax-location .cpark-months { grid-template-columns: repeat(4, 1fr); }
body.tax-location .cpark-facts-grid { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
body.tax-location .cpark-months { grid-template-columns: repeat(3, 1fr); }
body.tax-location .cpark-block p { font-size: 15px; }
}
/* Park blocks: full-bleed, matching .cloc-block breakout */
body.tax-location .cpark-block {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
padding: 70px 24px;
}
@media (max-width: 768px) {
body.tax-location .cpark-block { padding: 48px 20px; }
}
/* ==========================================================================
MARA HUB <-> CONSERVANCY CROSS-LINKS (inc/chalo-mara-links.php)
========================================================================== */
body.tax-location .cmara-in { max-width: 900px; }
body.tax-location .cmara-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 0;
border: 1px solid #e8e0d6;
border-right: 0;
border-bottom: 0;
margin-top: 32px;
text-align: left;
}
body.tax-location a.cmara-card {
display: flex;
flex-direction: column;
gap: 6px;
padding: 20px 18px;
border-right: 1px solid #e8e0d6;
border-bottom: 1px solid #e8e0d6;
background: #ffffff;
text-decoration: none;
border-top: 2px solid transparent;
transition: background .2s ease, border-color .2s ease;
}
body.tax-location a.cmara-card:hover {
background: #ffffff;
border-top-color: #c8a96e;
}
body.tax-location .cmara-card-n {
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 19px;
font-weight: 500;
line-height: 1.3;
color: #2c1810;
}
body.tax-location a.cmara-card:hover .cmara-card-n { color: #c8a96e; }
body.tax-location .cmara-card-m {
font-family: 'Montserrat', sans-serif;
font-size: 11px;
font-weight: 600;
letter-spacing: 1.2px;
text-transform: uppercase;
color: #6b6560;
}
/* Spoke page: button back to the hub */
body.tax-location .cmara-cta { margin-top: 26px !important; }
body.tax-location a.cmara-btn {
display: inline-block;
background: #c8a96e;
color: #ffffff !important;
border-radius: 0;
padding: 15px 44px;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
font-weight: 600;
letter-spacing: 2px;
text-transform: uppercase;
text-decoration: none;
transition: background .2s ease, transform .2s ease;
}
body.tax-location a.cmara-btn:hover {
background: #b8954e;
transform: translateY(-2px);
}
/* Spoke page: sibling conservancy pills */
body.tax-location .cmara-sib { margin-top: 38px; }
body.tax-location .cmara-sib-l {
display: block;
font-family: 'Montserrat', sans-serif;
font-size: 11px;
font-weight: 600;
letter-spacing: 1.5px;
text-transform: uppercase;
color: #c8a96e;
margin-bottom: 14px;
}
body.tax-location .cmara-pills {
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
}
body.tax-location a.cmara-pill {
display: inline-block;
padding: 9px 18px;
border: 1px solid #e8e0d6;
background: #ffffff;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
font-weight: 300;
color: #4a4340 !important;
text-decoration: none;
transition: border-color .2s ease, color .2s ease;
}
body.tax-location a.cmara-pill:hover {
border-color: #c8a96e;
color: #c8a96e !important;
}
@media (max-width: 1024px) {
body.tax-location .cmara-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
body.tax-location .cmara-grid { grid-template-columns: 1fr; }
}
/* ==========================================================================
OFFER DETAIL PAGE - jul13 fixes
========================================================================== */
/* 1. Accordion separators: every had BOTH a top and bottom border,
so the lines between items doubled to 2px while the outer edges stayed 1px.
Bottom border only, plus a top border on the first item = uniform 1px. */
body.chalo-offer .chalo-offer-accordion details {
border-top: 0 !important;
border-bottom: 1px solid #e8e0d6 !important;
}
body.chalo-offer .chalo-offer-accordion details:first-of-type {
border-top: 1px solid #e8e0d6 !important;
}
/* 2. Accommodation cards: bigger title, tighter meta rows, icons aligned to text */
body.chalo-offer .chalo-offer-acco-name {
font-size: 24px !important;
line-height: 1.3 !important;
margin: 0 0 10px !important;
}
body.chalo-offer .chalo-offer-acco-meta {
gap: 4px !important;
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
body.chalo-offer .chalo-offer-acco-meta li {
display: flex !important;
align-items: center !important;
gap: 9px !important;
margin: 0 !important;
padding: 1px 0 !important;
list-style: none !important;
}
body.chalo-offer .chalo-offer-acco-meta li .chalo-acco-svg {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1 !important;
flex: 0 0 auto !important;
}
body.chalo-offer .chalo-offer-acco-meta li .chalo-acco-svg svg { display: block !important; }
/* 3. Related offers + View-all share one beige band, flush into the enquiry section */
body.chalo-offer .chalo-offer-related {
background: #faf7f2 !important;
padding: 60px 24px 56px !important;
margin: 40px 0 0 !important;
}
body.chalo-offer .chalo-offer-related .chalo-offer-view-all {
background: transparent !important;
margin: 8px 0 0 !important;
padding: 0 !important;
text-align: center !important;
}
/* 4. No white gap above the footer */
body.chalo-offer .chalo-offer-enquire { margin-bottom: 0 !important; }
body.chalo-offer .entry-content,
body.chalo-offer .ct-container-full,
body.chalo-offer .site-main { padding-bottom: 0 !important; margin-bottom: 0 !important; }
/* 5. Enquiry form: boxed pill radios/checkboxes (offer, accommodation, review)
- these were only ever scoped to .chalo-safari-v2, so the native circles showed. */
.chalo-offer-enquire .wpforms-field-radio ul,
.chalo-offer-enquire .wpforms-field-checkbox ul,
.chalo-acco-enquire .wpforms-field-radio ul,
.chalo-acco-enquire .wpforms-field-checkbox ul,
.chalo-review-enquire .wpforms-field-radio ul,
.chalo-review-enquire .wpforms-field-checkbox ul {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
.chalo-offer-enquire .wpforms-field-radio li,
.chalo-offer-enquire .wpforms-field-checkbox li,
.chalo-acco-enquire .wpforms-field-radio li,
.chalo-acco-enquire .wpforms-field-checkbox li,
.chalo-review-enquire .wpforms-field-radio li,
.chalo-review-enquire .wpforms-field-checkbox li {
display: inline-block !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.chalo-offer-enquire .wpforms-field-radio li input[type="radio"],
.chalo-offer-enquire .wpforms-field-checkbox li input[type="checkbox"],
.chalo-acco-enquire .wpforms-field-radio li input[type="radio"],
.chalo-acco-enquire .wpforms-field-checkbox li input[type="checkbox"],
.chalo-review-enquire .wpforms-field-radio li input[type="radio"],
.chalo-review-enquire .wpforms-field-checkbox li input[type="checkbox"] {
position: absolute !important;
opacity: 0 !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
}
.chalo-offer-enquire .wpforms-field-radio li label,
.chalo-offer-enquire .wpforms-field-checkbox li label,
.chalo-acco-enquire .wpforms-field-radio li label,
.chalo-acco-enquire .wpforms-field-checkbox li label,
.chalo-review-enquire .wpforms-field-radio li label,
.chalo-review-enquire .wpforms-field-checkbox li label {
display: inline-block !important;
padding: 12px 20px !important;
border: 1px solid #e8e0d6 !important;
border-radius: 0 !important;
background: #ffffff !important;
color: #4a4340 !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 14px !important;
font-weight: 300 !important;
cursor: pointer !important;
transition: border-color .2s ease, background .2s ease, color .2s ease !important;
}
.chalo-offer-enquire .wpforms-field-radio li label:hover,
.chalo-offer-enquire .wpforms-field-checkbox li label:hover,
.chalo-acco-enquire .wpforms-field-radio li label:hover,
.chalo-acco-enquire .wpforms-field-checkbox li label:hover,
.chalo-review-enquire .wpforms-field-radio li label:hover,
.chalo-review-enquire .wpforms-field-checkbox li label:hover {
border-color: #c8a96e !important;
color: #2c1810 !important;
}
.chalo-offer-enquire .wpforms-field-radio li input:checked + label,
.chalo-offer-enquire .wpforms-field-checkbox li input:checked + label,
.chalo-acco-enquire .wpforms-field-radio li input:checked + label,
.chalo-acco-enquire .wpforms-field-checkbox li input:checked + label,
.chalo-review-enquire .wpforms-field-radio li input:checked + label,
.chalo-review-enquire .wpforms-field-checkbox li input:checked + label {
background: #c8a96e !important;
border-color: #c8a96e !important;
color: #ffffff !important;
}
/* ==========================================================================
OFFER DETAIL - jul13 corrections (v41h)
Notes on why the first pass missed:
- There are EIGHT .chalo-offer-accordion wrappers, one each, so
:first-of-type matched every single one and re-added the top border.
- body.single-special-offer .chalo-offer-acco-card .chalo-offer-acco-name (0,3,1)
out-specifies body.chalo-offer .chalo-offer-acco-name (0,2,1).
- body.single-special-offer .chalo-offer-enquire .wpforms-form li label.wpforms-field-label-inline (0,4,1)
out-specifies the plain pill rule.
========================================================================== */
/* 1. Accordion: bottom border only; top border on the FIRST wrapper only */
html body.chalo-offer .chalo-offer-accordion details {
border-top: 0 !important;
border-bottom: 1px solid #e8e0d6 !important;
}
html body.chalo-offer .chalo-offer-accordion:first-of-type details {
border-top: 1px solid #e8e0d6 !important;
}
/* 2. Accommodation card title */
html body.chalo-offer .chalo-offer-acco-card .chalo-offer-acco-name:not(#_a):not(#_b) {
font-size: 24px !important;
line-height: 1.3 !important;
margin: 0 0 10px !important;
}
/* 3. Meta rows: tighter, icons aligned to text */
html body.chalo-offer .chalo-offer-acco-card .chalo-offer-acco-meta:not(#_a) {
gap: 4px !important;
margin: 0 !important;
padding: 0 !important;
}
html body.chalo-offer .chalo-offer-acco-card .chalo-offer-acco-meta li:not(#_a):not(#_b) {
display: flex !important;
align-items: center !important;
gap: 9px !important;
margin: 0 !important;
padding: 2px 0 !important;
}
html body.chalo-offer .chalo-offer-acco-card .chalo-offer-acco-meta li .chalo-acco-svg:not(#_a) {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1 !important;
flex: 0 0 auto !important;
}
/* 4. Enquiry pills - beat body.single-special-offer ... label.wpforms-field-label-inline */
html body.chalo-offer .chalo-offer-enquire .wpforms-form li label:not(#_a):not(#_b):not(#_c),
html body.chalo-accommodation .chalo-acco-enquire .wpforms-form li label:not(#_a):not(#_b):not(#_c),
html body.chalo-review .chalo-review-enquire .wpforms-form li label:not(#_a):not(#_b):not(#_c) {
display: inline-block !important;
padding: 12px 20px !important;
border: 1px solid #e8e0d6 !important;
border-radius: 0 !important;
background: #ffffff !important;
color: #4a4340 !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 14px !important;
font-weight: 300 !important;
cursor: pointer !important;
}
html body.chalo-offer .chalo-offer-enquire .wpforms-form li label:hover:not(#_a):not(#_b):not(#_c),
html body.chalo-accommodation .chalo-acco-enquire .wpforms-form li label:hover:not(#_a):not(#_b):not(#_c),
html body.chalo-review .chalo-review-enquire .wpforms-form li label:hover:not(#_a):not(#_b):not(#_c) {
border-color: #c8a96e !important;
color: #2c1810 !important;
}
html body.chalo-offer .chalo-offer-enquire .wpforms-form li input:checked + label:not(#_a):not(#_b):not(#_c),
html body.chalo-accommodation .chalo-acco-enquire .wpforms-form li input:checked + label:not(#_a):not(#_b):not(#_c),
html body.chalo-review .chalo-review-enquire .wpforms-form li input:checked + label:not(#_a):not(#_b):not(#_c) {
background: #c8a96e !important;
border-color: #c8a96e !important;
color: #ffffff !important;
}
/* ==========================================================================
v41i - offer accordion border (real fix) + Expeditions card styling
========================================================================== */
/* Offer accordion: the v41g rule "details:first-of-type" matched EVERY details
(each sits alone in its own .chalo-offer-accordion div), so the top border came
back on all 8. Kill it with higher specificity, and put the single top border on
the first accordion only - it is the one directly after the .chalo-offer-heading. */
html body.chalo-offer .chalo-offer-accordion details:not(#_a):not(#_b) {
border-top: 0 !important;
border-bottom: 1px solid #e8e0d6 !important;
}
html body.chalo-offer .chalo-offer-heading + .chalo-offer-accordion details:not(#_a):not(#_b) {
border-top: 1px solid #e8e0d6 !important;
}
/* --------------------------------------------------------------------------
Expeditions listing (page 46319) - match the Safari Itineraries cards (46296)
-------------------------------------------------------------------------- */
/* "Exploring ..." kicker: gold, uppercase, tracked - children were inheriting
the body font instead, so the destinations rendered large and brown. */
body.page-id-46319 .fwpl-item.el-1m24tf,
body.page-id-46319 .fwpl-item.el-1m24tf span,
body.page-id-46319 .fwpl-item.el-1m24tf a {
color: #c8a96e !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 10.5px !important;
font-weight: 500 !important;
letter-spacing: 1.8px !important;
text-transform: uppercase !important;
line-height: 1.7 !important;
text-decoration: none !important;
}
/* Card detail rows (price / duration / from / till): one colour, one size.
Price was #2c1810 while the rest were #6b6560. Icons keep their gold. */
body.page-id-46319 .fwpl-item.el-0yh83s,
body.page-id-46319 .fwpl-item.el-0yh83s span,
body.page-id-46319 .fwpl-item.el-0yh83s a,
body.page-id-46319 .fwpl-item.el-zr4vtb,
body.page-id-46319 .fwpl-item.el-zr4vtb span,
body.page-id-46319 .fwpl-item.el-zr4vtb a,
body.page-id-46319 .fwpl-item.el-wtkup4s,
body.page-id-46319 .fwpl-item.el-wtkup4s span,
body.page-id-46319 .fwpl-item.el-wtkup4s a,
body.page-id-46319 .fwpl-item.el-qwflqe,
body.page-id-46319 .fwpl-item.el-qwflqe span,
body.page-id-46319 .fwpl-item.el-qwflqe a {
color: #6b6560 !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 12.5px !important;
font-weight: 400 !important;
letter-spacing: normal !important;
text-transform: none !important;
}
/* ==========================================================================
v41j - accommodation detail + offer beige band
========================================================================== */
/* Accommodation: DOUBLE separator. Both .chalo-acco-heading::after (50x2px) and
.chalo-acco-info-strip::before (64x3px) were drawing a gold rule under
"Camp Details". Keep the heading's, drop the strip's. */
html body.single-accommodation .chalo-acco-info-strip::before { display: none !important; }
/* Accommodation: rule under the star rating, with even spacing above/below */
html body.single-accommodation .chalo-acco-rating:not(#_a) {
border-bottom: 1px solid #e8e0d6 !important;
padding: 0 0 18px !important;
margin: 18px 0 18px !important;
}
/* Accommodation: recommended camps scroll horizontally when there are more than 3 */
html body.single-accommodation .chalo-acco-recommended .chalo-acco-rec-grid,
html body.single-accommodation .chalo-acco-recommended [class*="rec-grid"],
html body.single-accommodation .chalo-acco-recommended [class*="rec-track"] {
display: flex !important;
grid-template-columns: none !important;
gap: 24px !important;
overflow-x: auto !important;
scroll-behavior: smooth !important;
scroll-snap-type: x mandatory !important;
-webkit-overflow-scrolling: touch !important;
padding-bottom: 8px !important;
}
html body.single-accommodation .chalo-acco-recommended .chalo-acco-rec-card,
html body.single-accommodation .chalo-acco-recommended [class*="rec-card"] {
flex: 0 0 252px !important;
scroll-snap-align: start !important;
}
/* slim, on-brand scrollbar */
html body.single-accommodation .chalo-acco-recommended [class*="rec-grid"]::-webkit-scrollbar,
html body.single-accommodation .chalo-acco-recommended [class*="rec-track"]::-webkit-scrollbar { height: 4px; }
html body.single-accommodation .chalo-acco-recommended [class*="rec-grid"]::-webkit-scrollbar-thumb,
html body.single-accommodation .chalo-acco-recommended [class*="rec-track"]::-webkit-scrollbar-thumb { background: #c8a96e; }
/* Offer: the beige "Other Special Offers" band must run full-bleed,
and the view-all link needs breathing room above it. */
html body.chalo-offer .chalo-offer-related:not(#_a) {
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
margin-top: 40px !important;
margin-bottom: 0 !important;
padding: 60px 24px 56px !important;
background: #faf7f2 !important;
}
html body.chalo-offer .chalo-offer-related .chalo-offer-view-all:not(#_a) {
margin: 40px 0 0 !important;
padding: 0 !important;
text-align: center !important;
background: transparent !important;
}
/* ==========================================================================
v41k - Our Team (610): centre the portraits
figure.wp-block-image.aligncenter was display:flex with no justify-content,
so the image hugged the left edge of a full-width figure.
========================================================================== */
html body.page-id-610 .entry-content figure.wp-block-image.aligncenter:not(#_a),
html body.page-id-610 .entry-content figure.aligncenter:not(#_a) {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
margin-left: auto !important;
margin-right: auto !important;
text-align: center !important;
width: 100% !important;
}
html body.page-id-610 .entry-content figure.aligncenter img:not(#_a) {
margin-left: auto !important;
margin-right: auto !important;
display: block !important;
}
html body.page-id-610 .entry-content figure.aligncenter figcaption:not(#_a) {
text-align: center !important;
width: 100% !important;
}
/* ==========================================================================
v41l - Recommended camps: horizontal scroller (track class is .car-grid)
Now that the query returns up to 12 same-region camps, a 3-up grid would
stack them 4 rows deep. Scroll them instead.
========================================================================== */
html body.single-accommodation .chalo-acco-recommended .car-grid:not(#_a) {
display: flex !important;
grid-template-columns: none !important;
flex-wrap: nowrap !important;
gap: 24px !important;
overflow-x: auto !important;
overflow-y: hidden !important;
scroll-behavior: smooth !important;
scroll-snap-type: x mandatory !important;
-webkit-overflow-scrolling: touch !important;
padding-bottom: 10px !important;
}
html body.single-accommodation .chalo-acco-recommended .car-grid .car-card:not(#_a) {
flex: 0 0 252px !important;
width: 252px !important;
scroll-snap-align: start !important;
}
html body.single-accommodation .chalo-acco-recommended .car-grid::-webkit-scrollbar {
height: 4px;
}
html body.single-accommodation .chalo-acco-recommended .car-grid::-webkit-scrollbar-track {
background: #f0ebe4;
}
html body.single-accommodation .chalo-acco-recommended .car-grid::-webkit-scrollbar-thumb {
background: #c8a96e;
}
/* ==========================================================================
v41m - SEARCH: icon, submit button, results layout, sidebar
========================================================================== */
/* Nav magnifier - Blocksy's was a 15x15 SVG (soft). Ours is 24x24 stroke. */
header button.ct-header-search .chalo-search-icon {
width: 19px !important;
height: 19px !important;
stroke: currentColor !important;
fill: none !important;
shape-rendering: geometricPrecision;
}
header.ct-header:not(.chalo-scrolled) button.ct-header-search .chalo-search-icon { color: #ffffff !important; }
header.ct-header.chalo-scrolled button.ct-header-search .chalo-search-icon { color: #2c1810 !important; }
header.ct-header button.ct-header-search:hover .chalo-search-icon { color: #c8a96e !important; }
/* Search overlay submit - was transparent with a 50%-opacity icon */
.ct-panel .ct-search-form button[type="submit"],
.ct-panel .ct-search-form .wp-element-button,
.ct-panel .ct-search-form button.chalo-search-submit {
background: #c8a96e !important;
border: none !important;
border-radius: 0 !important;
width: 54px !important;
height: 54px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
opacity: 1 !important;
cursor: pointer !important;
transition: background .2s ease !important;
}
.ct-panel .ct-search-form button[type="submit"]:hover,
.ct-panel .ct-search-form .wp-element-button:hover { background: #b8954e !important; }
.ct-panel .ct-search-form button .chalo-search-icon {
width: 22px !important;
height: 22px !important;
color: #ffffff !important;
stroke: #ffffff !important;
fill: none !important;
opacity: 1 !important;
}
/* ---- Result cards: image left (full height), text right ---- */
html body.search-results article.entry-card:not(#_a) {
display: grid !important;
grid-template-columns: 300px 1fr !important;
grid-template-rows: auto auto 1fr !important;
gap: 0 !important;
padding: 0 !important;
background: #ffffff !important;
border: 1px solid #e8e0d6 !important;
overflow: hidden !important;
align-items: start !important;
margin-bottom: 28px !important;
transition: box-shadow .2s ease, border-color .2s ease !important;
}
html body.search-results article.entry-card:hover:not(#_a) {
border-color: #c8a96e !important;
box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
}
html body.search-results article.entry-card .ct-media-container:not(#_a) {
grid-column: 1 !important;
grid-row: 1 / -1 !important;
width: 100% !important;
height: 100% !important;
min-height: 240px !important;
margin: 0 !important;
align-self: stretch !important;
}
html body.search-results article.entry-card .ct-media-container img:not(#_a) {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
}
html body.search-results article.entry-card .entry-title:not(#_a) {
grid-column: 2 !important;
grid-row: 1 !important;
margin: 0 !important;
padding: 30px 30px 0 30px !important;
}
html body.search-results article.entry-card .entry-excerpt:not(#_a) {
grid-column: 2 !important;
grid-row: 2 !important;
margin: 0 !important;
padding: 14px 30px 26px 30px !important;
}
/* Author + date line */
html body.search-results .chalo-search-meta {
display: flex !important;
align-items: center !important;
gap: 12px !important;
margin-top: 22px !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 12px !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
color: #6b6560 !important;
}
html body.search-results .chalo-search-meta .csm-dot {
width: 26px; height: 26px; border-radius: 50%;
border: 1px solid #c8a96e; flex: 0 0 26px;
background: radial-gradient(circle at 50% 50%, #c8a96e 0 30%, transparent 32%);
}
html body.search-results .chalo-search-meta .csm-by strong {
color: #c8a96e !important; font-weight: 600 !important;
}
html body.search-results .chalo-search-meta .csm-sep { color: #e8e0d6 !important; }
/* ---- Sidebar: no outer box; beige head, white body ---- */
html body.search-results aside.chalo-search-sidebar:not(#_a) {
background: transparent !important;
border: 0 !important;
padding: 0 !important;
}
html body.search-results aside.chalo-search-sidebar .css-card:not(#_a) {
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
html body.search-results aside.chalo-search-sidebar .css-head:not(#_a) {
background: #faf7f2 !important;
border-top: 3px solid #c8a96e !important;
margin-bottom: 20px !important;
padding: 28px 24px !important;
}
html body.search-results aside.chalo-search-sidebar .css-btn:not(#_a),
html body.search-results aside.chalo-search-sidebar .css-foot:not(#_a) {
background-color: transparent !important;
}
html body.search-results aside.chalo-search-sidebar .css-btn:not(#_a) {
background: #c8a96e !important;
color: #ffffff !important;
}
@media (max-width: 768px) {
html body.search-results article.entry-card:not(#_a) {
grid-template-columns: 1fr !important;
grid-template-rows: auto auto auto !important;
}
html body.search-results article.entry-card .ct-media-container:not(#_a) {
grid-column: 1 !important; grid-row: 1 !important; min-height: 200px !important;
}
html body.search-results article.entry-card .entry-title:not(#_a),
html body.search-results article.entry-card .entry-excerpt:not(#_a) {
grid-column: 1 !important;
}
html body.search-results article.entry-card .entry-title:not(#_a) { grid-row: 2 !important; }
html body.search-results article.entry-card .entry-excerpt:not(#_a) { grid-row: 3 !important; }
}
/* ==========================================================================
v41n - Footer Kit (ConvertKit) newsletter form
========================================================================== */
.chalo-custom-footer .chalo-kit-form,
.custom-footer .chalo-kit-form { width: 100%; }
.chalo-custom-footer .chalo-kit-fields,
.custom-footer .chalo-kit-fields {
display: flex !important;
gap: 0 !important;
align-items: stretch !important;
flex-wrap: nowrap !important;
}
.chalo-custom-footer .chalo-kit-form .formkit-field,
.custom-footer .chalo-kit-form .formkit-field { flex: 1 1 auto !important; margin: 0 !important; }
.chalo-custom-footer .chalo-kit-input,
.custom-footer .chalo-kit-input {
width: 100% !important;
background: rgba(255,255,255,0.06) !important;
border: 1px solid rgba(232,224,214,0.28) !important;
border-right: 0 !important;
border-radius: 0 !important;
padding: 14px 16px !important;
color: #ffffff !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 14px !important;
font-weight: 300 !important;
}
.chalo-custom-footer .chalo-kit-input::placeholder,
.custom-footer .chalo-kit-input::placeholder { color: rgba(250,247,242,0.55) !important; }
.chalo-custom-footer .chalo-kit-input:focus,
.custom-footer .chalo-kit-input:focus {
outline: none !important;
border-color: #c8a96e !important;
}
.chalo-custom-footer .chalo-kit-submit,
.custom-footer .chalo-kit-submit {
flex: 0 0 auto !important;
background: #c8a96e !important;
color: #ffffff !important;
border: none !important;
border-radius: 0 !important;
padding: 14px 30px !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
cursor: pointer !important;
transition: background .2s ease !important;
}
.chalo-custom-footer .chalo-kit-submit:hover,
.custom-footer .chalo-kit-submit:hover { background: #b8954e !important; }
.chalo-custom-footer .formkit-alert,
.custom-footer .formkit-alert {
list-style: none; margin: 10px 0 0; padding: 0;
font-family: 'Montserrat', sans-serif; font-size: 12px; color: #c8a96e;
}
.chalo-custom-footer .formkit-spinner,
.custom-footer .formkit-spinner { display: none; }
/* ==========================================================================
v41o - Newsletter thank-you page (64281)
========================================================================== */
body.page-id-64281 .chalo-sub-wrap { width: 100%; }
body.page-id-64281 .chalo-sub-hero {
background: #2c1810;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
padding: 110px 24px 90px;
text-align: center;
}
body.page-id-64281 .chalo-sub-kicker {
display: block;
font-family: 'Montserrat', sans-serif;
font-size: 11px;
font-weight: 600;
letter-spacing: 2.4px;
text-transform: uppercase;
color: #c8a96e;
margin-bottom: 20px;
}
body.page-id-64281 h1.chalo-sub-title {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 54px !important;
font-weight: 300 !important;
line-height: 1.15 !important;
color: #ffffff !important;
margin: 0 auto !important;
max-width: 800px;
}
body.page-id-64281 .chalo-sub-lead {
font-family: 'Montserrat', sans-serif !important;
font-size: 17px !important;
font-weight: 300 !important;
line-height: 1.8 !important;
color: rgba(250,247,242,0.8) !important;
max-width: 660px;
margin: 0 auto !important;
}
body.page-id-64281 .chalo-sub-hr {
border: none;
height: 1px;
background: #c8a96e;
max-width: 60px;
margin: 26px auto 26px;
opacity: 1;
}
body.page-id-64281 .chalo-sub-cta {
background: #ffffff;
padding: 80px 24px 70px;
text-align: center;
}
body.page-id-64281 .chalo-sub-links {
background: #faf7f2;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
padding: 80px 24px;
text-align: center;
}
body.page-id-64281 h2.chalo-sub-h2 {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 38px !important;
font-weight: 400 !important;
color: #2c1810 !important;
margin: 0 !important;
}
body.page-id-64281 .chalo-sub-sub,
body.page-id-64281 .chalo-sub-or {
font-family: 'Montserrat', sans-serif !important;
font-size: 16px !important;
font-weight: 300 !important;
color: #6b6560 !important;
max-width: 620px;
margin: 0 auto 34px !important;
}
body.page-id-64281 .chalo-sub-or {
margin: 34px auto 12px !important;
font-size: 12px !important;
letter-spacing: 1.6px;
text-transform: uppercase;
}
body.page-id-64281 .chalo-sub-form { max-width: 700px; margin: 0 auto; text-align: left; }
body.page-id-64281 .chalo-sub-contact {
font-family: 'Montserrat', sans-serif !important;
font-size: 15px !important;
}
body.page-id-64281 .chalo-sub-contact a { color: #c8a96e !important; text-decoration: none !important; }
body.page-id-64281 .chalo-sub-contact a:hover { color: #b8954e !important; }
body.page-id-64281 .chalo-sub-dot { color: #e8e0d6; margin: 0 12px; }
body.page-id-64281 .chalo-sub-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
max-width: 1000px;
margin: 40px auto 0;
text-align: left;
}
body.page-id-64281 a.chalo-sub-card {
display: flex;
flex-direction: column;
gap: 10px;
background: #ffffff;
border: 1px solid #e8e0d6;
border-top: 2px solid transparent;
padding: 30px 26px;
text-decoration: none !important;
transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
body.page-id-64281 a.chalo-sub-card:hover {
border-top-color: #c8a96e;
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
transform: translateY(-2px);
}
body.page-id-64281 .chalo-sub-card-t {
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 22px;
font-weight: 500;
color: #2c1810;
}
body.page-id-64281 a.chalo-sub-card:hover .chalo-sub-card-t { color: #c8a96e; }
body.page-id-64281 .chalo-sub-card-d {
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 1.7;
color: #6b6560;
}
/* hide the Blocksy page title/hero - the custom hero replaces it */
body.page-id-64281 .hero-section,
body.page-id-64281 .entry-header { display: none !important; }
body.page-id-64281 .site-main,
body.page-id-64281 .ct-container-full { padding-top: 0 !important; }
@media (max-width: 900px) {
body.page-id-64281 .chalo-sub-grid { grid-template-columns: 1fr; }
body.page-id-64281 h1.chalo-sub-title { font-size: 38px !important; }
body.page-id-64281 .chalo-sub-hero { padding: 90px 20px 70px; }
}
/* ==========================================================================
v41p - search icon (lollipop fix) + thank-you page polish
========================================================================== */
/* The magnifier rendered as a filled blob: Blocksy fills SVG children, so the
was solid. Force fill:none on the shape elements, stroke only. */
.chalo-search-icon,
.chalo-search-icon circle,
.chalo-search-icon line,
.chalo-search-icon path {
fill: none !important;
stroke: currentColor !important;
stroke-width: 1.8px !important;
vector-effect: non-scaling-stroke;
}
.ct-panel .ct-search-form button .chalo-search-icon,
.ct-panel .ct-search-form button .chalo-search-icon circle,
.ct-panel .ct-search-form button .chalo-search-icon line {
stroke: #ffffff !important;
fill: none !important;
opacity: 1 !important;
}
/* ---- Thank-you page (64281) ---- */
/* Blocksy still painted its own hero above ours - one hero, not two. */
html body.page-id-64281 .hero-section,
html body.page-id-64281 .entry-header,
html body.chalo-content-page.page-id-64281 .hero-section { display: none !important; }
/* Hero now carries an image (set inline on the section) */
body.page-id-64281 .chalo-sub-hero {
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
}
/* No white gap under the last section */
html body.page-id-64281 .chalo-sub-links { margin-bottom: 0 !important; padding-bottom: 80px !important; }
html body.page-id-64281 .entry-content,
html body.page-id-64281 .ct-container-full,
html body.page-id-64281 .site-main,
html body.page-id-64281 article { padding-bottom: 0 !important; margin-bottom: 0 !important; }
/* Cards with images */
body.page-id-64281 a.chalo-sub-card {
padding: 0 !important;
overflow: hidden;
}
body.page-id-64281 .chalo-sub-card-img {
display: block;
width: 100%;
height: 190px;
background-size: cover;
background-position: center;
transition: transform .5s ease;
}
body.page-id-64281 a.chalo-sub-card:hover .chalo-sub-card-img { transform: scale(1.05); }
body.page-id-64281 .chalo-sub-card-body {
display: flex;
flex-direction: column;
gap: 10px;
padding: 26px 26px 30px;
}
/* The WPForms multi-step form sits on white here */
body.page-id-64281 .chalo-sub-form { max-width: 760px; }
/* ==========================================================================
v41q - Thank-you page: hero image band, text below it
========================================================================== */
body.page-id-64281 .chalo-sub-hero {
height: 460px;
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
padding: 0 !important;
border: 0 !important;
}
body.page-id-64281 .chalo-sub-intro {
background: #ffffff;
padding: 70px 24px 60px;
text-align: center;
}
body.page-id-64281 .chalo-sub-intro h1.chalo-sub-title,
body.page-id-64281 h1.chalo-sub-title {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 50px !important;
font-weight: 400 !important;
line-height: 1.2 !important;
color: #2c1810 !important;
margin: 0 auto !important;
max-width: 820px;
}
body.page-id-64281 .chalo-sub-intro .chalo-sub-kicker { color: #c8a96e !important; }
body.page-id-64281 .chalo-sub-intro .chalo-sub-lead,
body.page-id-64281 .chalo-sub-lead {
color: #6b6560 !important;
max-width: 680px;
margin: 0 auto !important;
}
body.page-id-64281 .chalo-sub-cta { padding-top: 20px !important; }
@media (max-width: 900px) {
body.page-id-64281 .chalo-sub-hero { height: 300px; }
body.page-id-64281 h1.chalo-sub-title { font-size: 34px !important; }
}
/* ==========================================================================
v41r - search layout rebuild + thank-you hero fixes
========================================================================== */
/* Blocksy's own hero kept painting above ours. Its rule uses an attribute
selector (body.page-template-default .hero-section[data-type="type-1"]),
which out-specifies a plain class chain - hence the fake-id here. */
html body.page-id-64281 .hero-section:not(#_a):not(#_b),
html body.page-id-64281 .hero-section[data-type]:not(#_a):not(#_b),
html body.page-id-64281 .entry-header:not(#_a) { display: none !important; }
/* ---- Search page layout ---- */
html body.search-results h1.chalo-search-heading {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 42px !important;
font-weight: 400 !important;
color: #2c1810 !important;
margin: 0 0 34px !important;
display: block !important;
}
html body.search-results .chalo-search-layout {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 320px !important;
gap: 48px !important;
align-items: start !important;
}
html body.search-results .chalo-search-layout > aside.chalo-search-sidebar {
position: sticky;
top: 120px;
}
/* Sidebar: no outer box; beige head, white body */
html body.search-results aside.chalo-search-sidebar:not(#_a) {
background: transparent !important;
border: 0 !important;
padding: 0 !important;
}
html body.search-results aside.chalo-search-sidebar .css-card:not(#_a) {
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
padding: 0 !important;
}
html body.search-results aside.chalo-search-sidebar .css-head:not(#_a) {
background: #faf7f2 !important;
border-top: 3px solid #c8a96e !important;
margin: 0 0 20px !important;
padding: 28px 24px !important;
text-align: center;
}
html body.search-results aside.chalo-search-sidebar .css-head h3 {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 26px !important;
font-weight: 500 !important;
color: #2c1810 !important;
margin: 0 0 10px !important;
}
html body.search-results aside.chalo-search-sidebar .css-head p {
font-family: 'Montserrat', sans-serif !important;
font-size: 14px !important;
font-weight: 300 !important;
color: #6b6560 !important;
margin: 0 !important;
}
html body.search-results aside.chalo-search-sidebar a.css-btn:not(#_a) {
display: block !important;
background: #c8a96e !important;
color: #ffffff !important;
text-align: center !important;
text-decoration: none !important;
padding: 16px 20px !important;
border-radius: 0 !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 13px !important;
font-weight: 600 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
transition: background .2s ease !important;
}
html body.search-results aside.chalo-search-sidebar a.css-btn:hover:not(#_a) { background: #b8954e !important; }
html body.search-results aside.chalo-search-sidebar .css-foot:not(#_a) {
display: flex !important;
flex-direction: column !important;
gap: 10px !important;
padding: 20px 0 0 !important;
text-align: center !important;
background: transparent !important;
}
html body.search-results aside.chalo-search-sidebar .css-foot a {
font-family: 'Montserrat', sans-serif !important;
font-size: 14px !important;
color: #c8a96e !important;
text-decoration: none !important;
}
/* Cards: kill the empty third row that left dead space under short results */
html body.search-results article.entry-card:not(#_a) {
grid-template-rows: auto auto !important;
align-items: start !important;
}
html body.search-results article.entry-card .ct-media-container:not(#_a) {
grid-row: 1 / span 2 !important;
min-height: 100% !important;
}
@media (max-width: 900px) {
html body.search-results .chalo-search-layout { grid-template-columns: 1fr !important; }
html body.search-results .chalo-search-layout > aside.chalo-search-sidebar { position: static; }
}
/* v41s - search: Blocksy prints its own page title; ours is the styled one */
html body.search-results .entry-header:not(#_a),
html body.search-results .entry-header .page-title:not(#_a) { display: none !important; }
html body.search-results h1.chalo-search-heading:not(#_a) { display: block !important; }
/* v41t - search cards: Blocksy also prints its own meta line; ours is the styled one */
html body.search-results article.entry-card .entry-meta:not(#_a),
html body.search-results article.entry-card .ct-meta:not(#_a),
html body.search-results article.entry-card .entry-excerpt + .entry-meta:not(#_a) { display: none !important; }
/* v41u - thank-you hero: same image as the Diary.
Set via a RELATIVE url from the stylesheet (../../uploads/...) so it resolves
on staging (/wp-content/uploads/) and still works after go-live
(/wp-content/uploads/). An absolute live URL 404s today. */
html body.page-id-64281 .chalo-sub-hero:not(#_a) {
background-image: url('../../uploads/2026/07/diary-blog-pages-hero.jpg') !important;
background-color: #2c1810;
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
}
/* ==========================================================================
v41v - thank-you page: title over the hero, no gap at the top
========================================================================== */
/* Kill the white gap above the hero (Blocksy pads the main/container). */
html body.page-id-64281 .site-main:not(#_a),
html body.page-id-64281 .ct-container-full:not(#_a),
html body.page-id-64281 .entry-content:not(#_a),
html body.page-id-64281 article:not(#_a) {
padding-top: 0 !important;
margin-top: 0 !important;
}
html body.page-id-64281 .chalo-sub-wrap { margin-top: 0 !important; }
/* Hero: image with the title overlaid */
html body.page-id-64281 .chalo-sub-hero:not(#_a) {
height: 520px;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center;
position: relative;
margin-top: 0 !important;
}
html body.page-id-64281 .chalo-sub-hero::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0,0,0,0.30) 0%, rgba(0,0,0,0.25) 40%, rgba(0,0,0,0.60) 100%);
z-index: 1;
}
html body.page-id-64281 .chalo-sub-hero-inner {
position: relative;
z-index: 2;
padding: 0 24px;
}
html body.page-id-64281 .chalo-sub-hero .chalo-sub-kicker {
color: #ffffff !important;
opacity: .92;
}
html body.page-id-64281 .chalo-sub-hero h1.chalo-sub-title:not(#_a) {
color: #ffffff !important;
font-size: 56px !important;
font-weight: 300 !important;
margin: 0 auto !important;
}
html body.page-id-64281 .chalo-sub-hero .chalo-sub-hr { margin: 26px auto 0 !important; }
/* Intro is now just the lead line */
html body.page-id-64281 .chalo-sub-intro:not(#_a) {
background: #ffffff;
padding: 60px 24px 10px;
text-align: center;
}
@media (max-width: 900px) {
html body.page-id-64281 .chalo-sub-hero:not(#_a) { height: 360px; }
html body.page-id-64281 .chalo-sub-hero h1.chalo-sub-title:not(#_a) { font-size: 34px !important; }
}
/* ==========================================================================
v41w - thank-you page: single separator, contact icons, 8795 form styling
========================================================================== */
/* The content-page CSS already draws a gold bar under every h2 (::after).
Combined with our own
that made a DOUBLE separator. Keep the hr. */
html body.page-id-64281 .chalo-sub-h2::after,
html body.page-id-64281 .chalo-sub-h2::before { content: none !important; display: none !important; }
/* Call / WhatsApp icons */
html body.page-id-64281 .chalo-sub-contact { display: flex !important; align-items: center; justify-content: center; gap: 6px; flex-wrap: wrap; }
html body.page-id-64281 .chalo-sub-contact a {
display: inline-flex !important;
align-items: center;
gap: 9px;
}
html body.page-id-64281 .chalo-sub-contact a::before {
content: '';
width: 18px; height: 18px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
flex: 0 0 18px;
}
html body.page-id-64281 .chalo-sub-contact a[href^='tel']::before { background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2523c8a96e%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%2016.92v3a2%202%200%200%201-2.18%202%2019.79%2019.79%200%200%201-8.63-3.07%2019.5%2019.5%200%200%201-6-6%2019.79%2019.79%200%200%201-3.07-8.67A2%202%200%200%201%204.11%202h3a2%202%200%200%201%202%201.72c.13.96.36%201.9.7%202.81a2%202%200%200%201-.45%202.11L8.09%209.91a16%2016%200%200%200%206%206l1.27-1.27a2%202%200%200%201%202.11-.45c.9.34%201.85.57%202.81.7A2%202%200%200%201%2022%2016.92z%22%2F%3E%3C%2Fsvg%3E"); }
html body.page-id-64281 .chalo-sub-contact a[href*='wa.me']::before { background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2523c8a96e%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2011.5a8.38%208.38%200%200%201-.9%203.8%208.5%208.5%200%200%201-7.6%204.7%208.38%208.38%200%200%201-3.8-.9L3%2021l1.9-5.7a8.38%208.38%200%200%201-.9-3.8%208.5%208.5%200%200%201%204.7-7.6%208.38%208.38%200%200%201%203.8-.9h.5a8.48%208.48%200%200%201%208%208v.5z%22%2F%3E%3C%2Fsvg%3E"); }
/* the form now inherits the Start Planning (chalo-standalone) styling */
html body.page-id-64281 .chalo-sub-form { max-width: 780px; margin: 0 auto; text-align: left; }
html body.page-id-64281 .chalo-sub-form .wpforms-container { background: transparent !important; border: 0 !important; padding: 0 !important; }
/* v41x - cloned Start Planning (8795) form rules for the thank-you page */
body.page-id-64281 .gb-block-container.gb-layout-hero-1, body.page-id-64281 .gb-layout-hero-1 { min-height: 50vh !important; }
body.page-id-64281 .gb-container-inside { min-height: 50vh !important; }
/* ============================================================
v33p (2026-07-03): Start Planning multi-step form (page 8795,
form 54971) - luxury treatment matching the tour enquiry form:
cream panel, pill-style choices, uppercase labels, refined
step indicator.
============================================================ */
html body.page-id-64281 form#wpforms-form-54971 {
background: #faf7f2;
border: 1px solid #e8e0d6;
border-top: 3px solid #c8a96e;
padding: 46px 50px 42px;
box-sizing: border-box;
}
html body.page-id-64281 form#wpforms-form-54971 .wpforms-field-label {
font-family: 'Montserrat', sans-serif;
font-size: 13px; font-weight: 600;
letter-spacing: 1.5px; text-transform: uppercase;
color: #2c1810; margin: 0 0 18px;
}
html body.page-id-64281 form#wpforms-form-54971 ul { margin: 0; padding: 0; }
html body.page-id-64281 form#wpforms-form-54971 ul li {
display: inline-block; list-style: none; margin: 0 10px 12px 0;
}
html body.page-id-64281 form#wpforms-form-54971 ul li input[type="checkbox"],
html body.page-id-64281 form#wpforms-form-54971 ul li input[type="radio"] {
position: absolute; opacity: 0; pointer-events: none;
}
html body.page-id-64281 form#wpforms-form-54971 ul li label.wpforms-field-label-inline:not(#_a):not(#_b) {
display: inline-block; background: #ffffff;
border: 1px solid #e8e0d6; border-radius: 0;
padding: 12px 26px;
font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 400;
color: #4a4340; cursor: pointer; margin: 0;
transition: background .2s ease, color .2s ease, border-color .2s ease;
}
html body.page-id-64281 form#wpforms-form-54971 ul li label.wpforms-field-label-inline:not(#_a):not(#_b):hover {
background: #c8a96e; color: #ffffff; border-color: #c8a96e;
}
html body.page-id-64281 form#wpforms-form-54971 ul li input:checked + label.wpforms-field-label-inline:not(#_a):not(#_b) {
background: #c8a96e; color: #ffffff; border-color: #c8a96e;
}
html body.page-id-64281 .wpforms-page-indicator.progress {
margin-bottom: 30px;
}
html body.page-id-64281 .wpforms-page-indicator-page-title,
html body.page-id-64281 .wpforms-page-indicator-page-title-sep,
html body.page-id-64281 .wpforms-page-indicator-steps {
font-family: 'Montserrat', sans-serif;
font-size: 12px; font-weight: 600;
letter-spacing: 2px; text-transform: uppercase;
color: #6b6560;
}
html body.page-id-64281 .wpforms-page-indicator-page-progress-wrap {
background: #e8e0d6; height: 3px; margin-top: 12px;
}
html body.page-id-64281 .wpforms-page-indicator-page-progress { background: #c8a96e !important; height: 3px; }
html body.page-id-64281 form#wpforms-form-54971 input[type="text"],
html body.page-id-64281 form#wpforms-form-54971 input[type="email"],
html body.page-id-64281 form#wpforms-form-54971 input[type="tel"],
html body.page-id-64281 form#wpforms-form-54971 select,
html body.page-id-64281 form#wpforms-form-54971 textarea {
background: #ffffff; border: 1px solid #e8e0d6; border-radius: 0;
}
html body.page-id-64281 form#wpforms-form-54971 { padding: 30px 22px 28px; }
html body.page-id-64281 form#wpforms-form-54971 ul li label.wpforms-field-label-inline:not(#_a):not(#_b) { padding: 11px 20px; font-size: 13px; }
/* v33q: Start Planning pills - checked state must beat base with !important */
html body.page-id-64281 form#wpforms-form-54971 ul li input:checked + label.wpforms-field-label-inline,
html body.page-id-64281 form#wpforms-form-54971 ul li.wpforms-selected label.wpforms-field-label-inline {
background: #c8a96e !important;
color: #ffffff !important;
border-color: #c8a96e !important;
}
/* ============================================================
v33r (2026-07-03): Start Planning page (8795) hero + centered form
- gb-layout-service-2 block becomes a full-bleed hero matching
other pages: 100vw, 60vh, cover image, dark gradient overlay,
white Cormorant Garamond centered title
- multi-step form content centered
============================================================ */
html body.page-id-64281 .entry-content > .gb-block-container:first-child { padding-top: 0 !important; margin-top: 0 !important; }
html body.page-id-64281 .site-main { padding-top: 0 !important; }
html body.page-id-64281 .entry-content .gb-layout-service-2 {
position: relative;
width: 100vw; max-width: 100vw;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
min-height: 60vh;
display: flex; align-items: center; justify-content: center;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
padding: 0 24px !important;
}
html body.page-id-64281 .entry-content .gb-layout-service-2::after {
content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none;
background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.18) 40%, rgba(0,0,0,0.55) 100%);
}
html body.page-id-64281 .entry-content .gb-layout-service-2 > * { position: relative; z-index: 2; }
html body.page-id-64281 .entry-content .gb-layout-service-2 h1 {
color: #ffffff !important;
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 56px !important; font-weight: 300 !important;
letter-spacing: 0.5px; line-height: 1.15;
text-align: center !important; margin: 0 !important;
text-shadow: 0 2px 18px rgba(0,0,0,0.35);
}
/* centered form content */
html body.page-id-64281 form#wpforms-form-54971 { text-align: center; }
html body.page-id-64281 form#wpforms-form-54971 .wpforms-field,
html body.page-id-64281 form#wpforms-form-54971 .wpforms-field-label { text-align: center !important; }
html body.page-id-64281 form#wpforms-form-54971 ul { text-align: center; }
html body.page-id-64281 form#wpforms-form-54971 ul li { margin: 0 5px 12px; }
html body.page-id-64281 .wpforms-page-indicator.progress { text-align: center; }
html body.page-id-64281 form#wpforms-form-54971 .wpforms-pagebreak-left,
html body.page-id-64281 form#wpforms-form-54971 .wpforms-submit-container { text-align: center !important; }
html body.page-id-64281 form#wpforms-form-54971 textarea,
html body.page-id-64281 form#wpforms-form-54971 input[type="text"],
html body.page-id-64281 form#wpforms-form-54971 input[type="email"],
html body.page-id-64281 form#wpforms-form-54971 input[type="tel"] { margin-left: auto; margin-right: auto; }
html body.page-id-64281 .entry-content .gb-layout-service-2 { min-height: 45vh; }
html body.page-id-64281 .entry-content .gb-layout-service-2 h1 { font-size: 34px !important; }
/* ============================================================
v33s (2026-07-03): Start Planning page bottom contact section -
stronger contrast, "Call Us Now!" as elegant heading, darker
gold links, subtle image caption
============================================================ */
html body.page-id-64281 .entry-content > p.has-text-align-center {
color: #4a4340 !important;
font-size: 17px;
line-height: 1.9;
}
html body.page-id-64281 .entry-content > p.fancy.font-medium {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 36px !important;
font-weight: 400 !important;
color: #2c1810 !important;
margin-bottom: 10px;
}
html body.page-id-64281 .entry-content > p.has-text-align-center a {
color: #b8954e !important;
font-weight: 500;
}
html body.page-id-64281 .entry-content > p.has-text-align-center a:hover { color: #c8a96e !important; }
html body.page-id-64281 .entry-content > p.has-text-align-center em {
font-size: 14px;
color: #6b6560;
}
/* ============================================================
v33t (2026-07-03): Start Planning page - hero flush to top
(.entry-content had 60px padding-top) + contact icons
============================================================ */
html body.page-id-64281 .entry-content { padding-top: 0 !important; }
html body.page-id-64281 .ca-ico {
display: inline-block;
width: 17px; height: 17px;
vertical-align: -3px;
margin-right: 7px;
stroke: #b8954e;
}
/* v33u (2026-07-03): Start Planning hero - clear the fixed nav so the
vertically-centered title never crowds the navigation */
html body.page-id-64281 .entry-content .gb-layout-service-2 {
padding: 130px 24px 50px !important;
}
html body.page-id-64281 .entry-content .gb-layout-service-2 { padding: 100px 18px 36px !important; }
/* v33v (2026-07-03): Start Planning hero - darker overlay for legibility,
title centered on the image itself (symmetric padding) */
html body.page-id-64281 .entry-content .gb-layout-service-2 {
padding: 40px 24px !important;
}
html body.page-id-64281 .entry-content .gb-layout-service-2::after {
background: linear-gradient(180deg, rgba(0,0,0,0.48) 0%, rgba(0,0,0,0.38) 45%, rgba(0,0,0,0.62) 100%) !important;
}
html body.page-id-64281 .entry-content .gb-layout-service-2 { padding: 30px 18px !important; }
/* ============================================================
v33w (2026-07-03):
1. Start Planning hero - inner column wrappers flex-centered so
the title truly centers on the image (wrap was top-aligned)
2. Start Planning pills - even, roomier gaps
3. Footer contact icons (.ca-fico) - all pages
============================================================ */
html body.page-id-64281 .entry-content .gb-layout-service-2 .gb-block-container { margin-bottom: 0 !important; }
html body.page-id-64281 .entry-content .gb-layout-service-2 .gb-layout-column-wrap,
html body.page-id-64281 .entry-content .gb-layout-service-2 .gb-block-layout-column,
html body.page-id-64281 .entry-content .gb-layout-service-2 .gb-block-layout-column-inner {
display: flex; flex-direction: column; align-items: center; justify-content: center;
}
html body.page-id-64281 form#wpforms-form-54971 ul li {
margin: 0 7px 14px !important;
}
/* v33x (2026-07-03): Start Planning hero - wrapper chain was stretched to
100% of the hero, pinning the title to the top; force natural heights so
the hero's own flex centering takes over */
html body.page-id-64281 .entry-content .gb-layout-service-2 .gb-layout-column-wrap,
html body.page-id-64281 .entry-content .gb-layout-service-2 .gb-block-layout-column,
html body.page-id-64281 .entry-content .gb-layout-service-2 .gb-block-layout-column-inner,
html body.page-id-64281 .entry-content .gb-layout-service-2 .gb-block-container,
html body.page-id-64281 .entry-content .gb-layout-service-2 .gb-container-inside,
html body.page-id-64281 .entry-content .gb-layout-service-2 .gb-container-content {
height: auto !important;
min-height: 0 !important;
align-self: center !important;
}
/* ============================================================
v33y (2026-07-03): Start Planning page
1. Separators: clean solid 1px gold line (no gradient, no fuzz)
2. Kit newsletter embed: brand styling (gold Subscribe, square
corners, cream-bordered input)
============================================================ */
html body.page-id-64281 .entry-content hr.wp-block-separator {
background: #c8a96e !important;
background-image: none !important;
border: none !important;
height: 1px !important;
max-width: 80px !important;
margin: 44px auto !important;
opacity: 1 !important;
}
html body.page-id-64281 .formkit-form input[type="email"],
html body.page-id-64281 .formkit-form .formkit-input {
border: 1px solid #e8e0d6 !important;
border-radius: 0 !important;
background: #ffffff !important;
color: #4a4340 !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 15px !important;
padding: 13px 16px !important;
}
html body.page-id-64281 .formkit-form button,
html body.page-id-64281 .formkit-form .formkit-submit,
html body.page-id-64281 .formkit-form .formkit-submit span {
background-color: #c8a96e !important;
color: #ffffff !important;
border-radius: 0 !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 13px !important;
font-weight: 600 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
}
html body.page-id-64281 .formkit-form button:hover { background-color: #b8954e !important; }
/* v41x - search submit icon: width was computing to 0 (height applied, width
did not). Force explicit box + min-width so the magnifier actually shows. */
.ct-panel .ct-search-form button .chalo-search-icon,
header button.ct-header-search .chalo-search-icon {
min-width: 20px !important;
flex: 0 0 auto !important;
display: block !important;
}
.ct-panel .ct-search-form button .chalo-search-icon {
width: 22px !important;
min-width: 22px !important;
height: 22px !important;
}
/* ==========================================================================
v41y - thank-you page: one separator, working contact icons
The gold ::after bar under each h2 comes from the content-page CSS and
out-specifies a plain hide, so the duplicate
is removed from the
markup instead (hero keeps its hr - h1 has no ::after).
Icon data-URIs were double-encoded (%23 -> %2523), so the stroke colour
was invalid and the icons rendered blank.
========================================================================== */
html body.page-id-64281 .chalo-sub-contact { display: flex !important; align-items: center; justify-content: center; gap: 8px; flex-wrap: wrap; }
html body.page-id-64281 .chalo-sub-contact a { display: inline-flex !important; align-items: center; gap: 9px; }
html body.page-id-64281 .chalo-sub-contact a::before {
content: '' !important;
display: inline-block !important;
width: 18px !important; height: 18px !important;
flex: 0 0 18px !important;
background-repeat: no-repeat !important;
background-size: 18px 18px !important;
background-position: center !important;
}
html body.page-id-64281 .chalo-sub-contact a[href^='tel']::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23c8a96e%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%2016.92v3a2%202%200%200%201-2.18%202%2019.79%2019.79%200%200%201-8.63-3.07%2019.5%2019.5%200%200%201-6-6%2019.79%2019.79%200%200%201-3.07-8.67A2%202%200%200%201%204.11%202h3a2%202%200%200%201%202%201.72c.13.96.36%201.9.7%202.81a2%202%200%200%201-.45%202.11L8.09%209.91a16%2016%200%200%200%206%206l1.27-1.27a2%202%200%200%201%202.11-.45c.9.34%201.85.57%202.81.7A2%202%200%200%201%2022%2016.92z%22%2F%3E%3C%2Fsvg%3E") !important; }
html body.page-id-64281 .chalo-sub-contact a[href*='wa.me']::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23c8a96e%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2011.5a8.38%208.38%200%200%201-.9%203.8%208.5%208.5%200%200%201-7.6%204.7%208.38%208.38%200%200%201-3.8-.9L3%2021l1.9-5.7a8.38%208.38%200%200%201-.9-3.8%208.5%208.5%200%200%201%204.7-7.6%208.38%208.38%200%200%201%203.8-.9h.5a8.48%208.48%200%200%201%208%208v.5z%22%2F%3E%3C%2Fsvg%3E") !important; }
/* ==========================================================================
v41z - search results: heading spacing, byline avatar, sidebar border
========================================================================== */
/* breathing room above the heading */
html body.search-results h1.chalo-search-heading:not(#_a) {
padding-top: 80px !important;
}
/* Byline avatar: was a CSS-drawn dot. Use the actual Chalo mark.
Relative URL from the stylesheet so it survives go-live. */
html body.search-results .chalo-search-meta .csm-dot:not(#_a) {
width: 26px !important;
height: 26px !important;
flex: 0 0 26px !important;
border-radius: 50% !important;
border: 1px solid #e8e0d6 !important;
background: #ffffff url('../../uploads/2025/08/cropped-Chalo-Africa-Favicon-1-192x192.png') center/cover no-repeat !important;
}
/* Sidebar gets a single outer border again */
html body.search-results aside.chalo-search-sidebar .css-card:not(#_a) {
border: 1px solid #e8e0d6 !important;
background: #ffffff !important;
padding: 0 !important;
}
html body.search-results aside.chalo-search-sidebar .css-head:not(#_a) {
margin: 0 !important;
border-top: 3px solid #c8a96e !important;
}
html body.search-results aside.chalo-search-sidebar a.css-btn:not(#_a) {
margin: 20px 20px 0 !important;
}
html body.search-results aside.chalo-search-sidebar .css-foot:not(#_a) {
padding: 18px 20px 22px !important;
}
/* ==========================================================================
v42a - footer newsletter: constrain the Kit form width
========================================================================== */
.chalo-custom-footer .chalo-kit-form,
.custom-footer .chalo-kit-form,
.chalo-custom-footer .footer-newsletter form,
.custom-footer .footer-newsletter form {
max-width: 520px !important;
margin-left: auto !important;
margin-right: auto !important;
width: 100% !important;
}
.chalo-custom-footer .chalo-kit-fields,
.custom-footer .chalo-kit-fields {
max-width: 520px !important;
margin: 0 auto !important;
}
.chalo-custom-footer .chalo-kit-input,
.custom-footer .chalo-kit-input {
min-width: 0 !important;
}
/* ==========================================================================
v42b - search results: "Last updated" line (author + avatar removed)
========================================================================== */
html body.search-results .chalo-search-meta:not(#_a) {
display: flex !important;
align-items: center !important;
gap: 8px !important;
margin-top: 20px !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 12px !important;
font-weight: 400 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
color: #6b6560 !important;
}
html body.search-results .chalo-search-meta .csm-label:not(#_a) {
color: #c8a96e !important;
font-weight: 600 !important;
}
html body.search-results .chalo-search-meta .csm-date:not(#_a) {
color: #6b6560 !important;
}
/* ==========================================================================
v42c - Footer Kit newsletter: style the form itself, not via a footer
ancestor class, so it renders identically on every page.
========================================================================== */
form.chalo-kit-form {
max-width: 520px !important;
width: 100% !important;
margin: 0 auto !important;
}
form.chalo-kit-form .chalo-kit-fields {
display: flex !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
gap: 0 !important;
max-width: 520px !important;
margin: 0 auto !important;
}
form.chalo-kit-form .formkit-field {
flex: 1 1 auto !important;
margin: 0 !important;
min-width: 0 !important;
}
form.chalo-kit-form input.chalo-kit-input {
width: 100% !important;
min-width: 0 !important;
background: rgba(255,255,255,0.05) !important;
border: 1px solid #c8a96e !important;
border-right: 0 !important;
border-radius: 0 !important;
padding: 15px 18px !important;
color: #ffffff !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 14px !important;
font-weight: 300 !important;
box-shadow: none !important;
}
form.chalo-kit-form input.chalo-kit-input::placeholder {
color: rgba(250,247,242,0.55) !important;
}
form.chalo-kit-form input.chalo-kit-input:focus {
outline: none !important;
border-color: #c8a96e !important;
background: rgba(255,255,255,0.09) !important;
}
form.chalo-kit-form button.chalo-kit-submit {
flex: 0 0 auto !important;
background: #c8a96e !important;
color: #ffffff !important;
border: 1px solid #c8a96e !important;
border-radius: 0 !important;
padding: 15px 30px !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
cursor: pointer !important;
transition: background .2s ease !important;
}
form.chalo-kit-form button.chalo-kit-submit:hover { background: #b8954e !important; border-color: #b8954e !important; }
form.chalo-kit-form .formkit-spinner { display: none !important; }
form.chalo-kit-form .formkit-alert {
list-style: none !important;
margin: 10px 0 0 !important;
padding: 0 !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 12px !important;
color: #c8a96e !important;
}
@media (max-width: 600px) {
form.chalo-kit-form .chalo-kit-fields { flex-wrap: wrap !important; }
form.chalo-kit-form input.chalo-kit-input { border-right: 1px solid #c8a96e !important; }
form.chalo-kit-form button.chalo-kit-submit { width: 100% !important; }
}
/* ==========================================================================
v42d - Expeditions page (46319): Explorers Club + Small Group sections
========================================================================== */
body.page-id-46319 .cexp-wrap { max-width: 1200px; margin: 0 auto; }
body.page-id-46319 .cexp-section { margin: 0 0 70px; }
body.page-id-46319 .cexp-section.cexp-small { padding-top: 20px; border-top: 1px solid #e8e0d6; }
body.page-id-46319 h2.cexp-h2 {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 40px !important;
font-weight: 400 !important;
color: #2c1810 !important;
text-align: center;
margin: 40px 0 12px !important;
}
body.page-id-46319 .cexp-sub {
font-family: 'Montserrat', sans-serif !important;
font-size: 15px !important;
font-weight: 300 !important;
color: #6b6560 !important;
text-align: center;
max-width: 640px;
margin: 0 auto 36px !important;
}
body.page-id-46319 .cexp-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 28px;
}
body.page-id-46319 a.cexp-card {
display: flex;
flex-direction: column;
background: #ffffff;
border: 1px solid #e8e0d6;
border-top: 2px solid transparent;
text-decoration: none !important;
overflow: hidden;
transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
body.page-id-46319 a.cexp-card:hover {
border-top-color: #c8a96e;
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
transform: translateY(-2px);
}
body.page-id-46319 .cexp-card-img {
display: block;
width: 100%;
height: 210px;
background-size: cover;
background-position: center;
transition: transform .5s ease;
}
body.page-id-46319 .cexp-card-img-empty { background: #f0ebe4; }
body.page-id-46319 a.cexp-card:hover .cexp-card-img { transform: scale(1.05); }
body.page-id-46319 .cexp-card-body {
display: flex;
flex-direction: column;
gap: 10px;
padding: 22px 24px 26px;
}
body.page-id-46319 .cexp-card-kicker {
font-family: 'Montserrat', sans-serif;
font-size: 10.5px;
font-weight: 600;
letter-spacing: 1.8px;
text-transform: uppercase;
color: #c8a96e;
line-height: 1.6;
}
body.page-id-46319 .cexp-card-title {
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 22px;
font-weight: 500;
line-height: 1.3;
color: #2c1810;
}
body.page-id-46319 a.cexp-card:hover .cexp-card-title { color: #c8a96e; }
body.page-id-46319 .cexp-card-meta {
font-family: 'Montserrat', sans-serif;
font-size: 12.5px;
font-weight: 400;
color: #6b6560;
}
body.page-id-46319 .cexp-dot { margin: 0 8px; color: #e8e0d6; }
@media (max-width: 1024px) { body.page-id-46319 .cexp-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 700px) { body.page-id-46319 .cexp-grid { grid-template-columns: 1fr; }
body.page-id-46319 h2.cexp-h2 { font-size: 30px !important; } }
/* v42e - Expeditions: the wrap landed inside a leftover listing-page CSS grid
(this page also carries the page-id-46296 body class), so it rendered as a
285px grid item. Span the full row. */
html body.page-id-46319 .cexp-wrap:not(#_a) {
grid-column: 1 / -1 !important;
width: 100% !important;
max-width: 1200px !important;
margin: 0 auto !important;
display: block !important;
}
html body.page-id-46319 .cexp-grid:not(#_a) {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 28px !important;
width: 100% !important;
}
html body.page-id-46319 a.cexp-card:not(#_a) {
display: flex !important;
flex-direction: column !important;
width: auto !important;
max-width: none !important;
}
html body.page-id-46319 .cexp-card-img:not(#_a) {
width: 100% !important;
height: 210px !important;
}
html body.page-id-46319 .cexp-card-kicker:not(#_a) {
white-space: normal !important;
word-break: normal !important;
}
@media (max-width: 1024px) {
html body.page-id-46319 .cexp-grid:not(#_a) { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 700px) {
html body.page-id-46319 .cexp-grid:not(#_a) { grid-template-columns: 1fr !important; }
}
/* ==========================================================================
v42f - (a) Experiences taxonomy archives styled like the itineraries listing
(b) Expeditions page polish
========================================================================== */
/* ---------- (a) /experiences/* archives ---------- */
body.tax-experiences .ct-container { max-width: 1200px; }
body.tax-experiences .page-title,
body.tax-experiences h1.page-title {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 44px !important;
font-weight: 400 !important;
color: #2c1810 !important;
text-align: center !important;
margin: 60px 0 14px !important;
}
body.tax-experiences .page-description,
body.tax-experiences .archive-description {
font-family: 'Montserrat', sans-serif !important;
font-size: 15px !important;
font-weight: 300 !important;
color: #6b6560 !important;
text-align: center !important;
max-width: 680px;
margin: 0 auto 14px !important;
}
/* gold divider under the archive title */
body.tax-experiences .entry-header::after,
body.tax-experiences .page-title::after {
content: "";
display: block;
width: 60px;
height: 1px;
background: #c8a96e;
margin: 22px auto 40px;
}
body.tax-experiences .entries {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 28px !important;
}
body.tax-experiences article.entry-card {
display: flex !important;
flex-direction: column !important;
background: #ffffff !important;
border: 1px solid #e8e0d6 !important;
border-top: 2px solid transparent !important;
border-radius: 0 !important;
padding: 0 !important;
overflow: hidden !important;
transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease !important;
}
body.tax-experiences article.entry-card:hover {
border-top-color: #c8a96e !important;
box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
transform: translateY(-2px) !important;
}
body.tax-experiences article.entry-card .ct-media-container {
width: 100% !important;
height: 210px !important;
margin: 0 !important;
border-radius: 0 !important;
overflow: hidden !important;
}
body.tax-experiences article.entry-card .ct-media-container img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
border-radius: 0 !important;
transition: transform .5s ease !important;
}
body.tax-experiences article.entry-card:hover .ct-media-container img { transform: scale(1.05) !important; }
body.tax-experiences article.entry-card .entry-title {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 22px !important;
font-weight: 500 !important;
line-height: 1.3 !important;
margin: 0 !important;
padding: 22px 24px 0 !important;
}
body.tax-experiences article.entry-card .entry-title a {
color: #2c1810 !important;
text-decoration: none !important;
}
body.tax-experiences article.entry-card:hover .entry-title a { color: #c8a96e !important; }
body.tax-experiences article.entry-card .entry-excerpt {
font-family: 'Montserrat', sans-serif !important;
font-size: 13px !important;
font-weight: 300 !important;
line-height: 1.7 !important;
color: #6b6560 !important;
margin: 0 !important;
padding: 12px 24px 24px !important;
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
body.tax-experiences article.entry-card .entry-meta { display: none !important; }
/* pagination */
body.tax-experiences .ct-pagination .page-numbers.current {
background: #c8a96e !important;
color: #ffffff !important;
border-radius: 0 !important;
}
body.tax-experiences .ct-pagination a.page-numbers {
color: #4a4340 !important;
border-radius: 0 !important;
}
@media (max-width: 1024px) { body.tax-experiences .entries { grid-template-columns: repeat(2, 1fr) !important; } }
@media (max-width: 700px) { body.tax-experiences .entries { grid-template-columns: 1fr !important; }
body.tax-experiences h1.page-title { font-size: 32px !important; } }
/* ---------- (b) Expeditions page ---------- */
/* crest + intro centred above the cards */
body.page-id-46319 .entry-content > figure.wp-block-image {
display: flex !important;
justify-content: center !important;
margin: 0 auto 18px !important;
}
body.page-id-46319 .entry-content > figure.wp-block-image img {
max-width: 190px !important;
height: auto !important;
margin: 0 auto !important;
}
body.page-id-46319 .entry-content > p {
max-width: 780px !important;
margin: 0 auto 10px !important;
text-align: center !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 16px !important;
font-weight: 300 !important;
line-height: 1.8 !important;
color: #4a4340 !important;
}
/* hero image (Omo group) centred */
body.page-id-46319 .gb-container-image-wrap img,
body.page-id-46319 .gb-layout-hero-1 img {
object-fit: cover !important;
object-position: center center !important;
}
/* ==========================================================================
v42g - /experiences/* archives: match the itineraries listing.
The diary/archive rules (body.archive:not(.category-diary)) force a single
column and an image-left card, so these need higher specificity to win.
========================================================================== */
html body.tax-experiences .entries:not(#_a):not(#_b) {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 28px !important;
max-width: 1200px !important;
margin: 0 auto !important;
}
html body.tax-experiences article.entry-card:not(#_a):not(#_b) {
display: flex !important;
flex-direction: column !important;
grid-template-columns: none !important;
gap: 0 !important;
width: auto !important;
max-width: none !important;
background: #ffffff !important;
border: 1px solid #e8e0d6 !important;
border-top: 2px solid transparent !important;
border-radius: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
html body.tax-experiences article.entry-card:hover:not(#_a):not(#_b) {
border-top-color: #c8a96e !important;
box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
transform: translateY(-2px) !important;
}
/* image first, then title */
html body.tax-experiences article.entry-card .ct-media-container:not(#_a):not(#_b) {
order: 1 !important;
width: 100% !important;
max-width: none !important;
height: 210px !important;
margin: 0 !important;
border-radius: 0 !important;
overflow: hidden !important;
}
html body.tax-experiences article.entry-card .ct-media-container img:not(#_a):not(#_b) {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
border-radius: 0 !important;
}
html body.tax-experiences article.entry-card .entry-title:not(#_a):not(#_b) {
order: 2 !important;
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 21px !important;
font-weight: 500 !important;
line-height: 1.35 !important;
text-align: left !important;
margin: 0 !important;
padding: 22px 24px 24px !important;
}
html body.tax-experiences article.entry-card .entry-title a:not(#_a) { color: #2c1810 !important; text-decoration: none !important; }
html body.tax-experiences article.entry-card:hover .entry-title a:not(#_a) { color: #c8a96e !important; }
html body.tax-experiences article.entry-card .entry-meta:not(#_a):not(#_b) { display: none !important; }
html body.tax-experiences article.entry-card .entry-excerpt:not(#_a):not(#_b) {
order: 3 !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 13px !important;
font-weight: 300 !important;
line-height: 1.7 !important;
color: #6b6560 !important;
margin: 0 !important;
padding: 0 24px 24px !important;
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
/* Hero: keep the branded image but make the text readable and contained */
html body.tax-experiences .hero-section:not(#_a) {
box-shadow: inset 0 0 0 100vh rgba(0,0,0,0.55) !important;
}
html body.tax-experiences .hero-section .page-title:not(#_a),
html body.tax-experiences .hero-section h1:not(#_a) {
color: #ffffff !important;
text-align: center !important;
}
html body.tax-experiences .hero-section .page-description:not(#_a),
html body.tax-experiences .hero-section .archive-description:not(#_a) {
color: rgba(255,255,255,0.9) !important;
max-width: 760px !important;
margin: 0 auto !important;
text-align: center !important;
font-size: 15px !important;
line-height: 1.75 !important;
}
@media (max-width: 1024px) { html body.tax-experiences .entries:not(#_a):not(#_b) { grid-template-columns: repeat(2, 1fr) !important; } }
@media (max-width: 700px) { html body.tax-experiences .entries:not(#_a):not(#_b) { grid-template-columns: 1fr !important; } }
/* v42h - Expeditions page: title + subline above the crest */
body.page-id-46319 h2.cexp-page-title {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 46px !important;
font-weight: 400 !important;
color: #2c1810 !important;
text-align: center !important;
margin: 50px 0 10px !important;
}
body.page-id-46319 p.cexp-page-sub {
font-family: 'Montserrat', sans-serif !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
color: #c8a96e !important;
text-align: center !important;
margin: 0 auto 26px !important;
}
body.page-id-46319 p.cexp-page-intro {
max-width: 800px !important;
margin: 0 auto 18px !important;
text-align: center !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 16px !important;
font-weight: 300 !important;
line-height: 1.85 !important;
color: #4a4340 !important;
}
body.page-id-46319 .cexp-section.cexp-club { padding-top: 10px; }
/* v42i - Expeditions: the page also carries the page-id-46296 body class, and
the listing CSS hides .entry-content paragraphs. Force ours back. */
html body.page-id-46319 p.cexp-page-sub:not(#_a):not(#_b),
html body.page-id-46319 p.cexp-page-intro:not(#_a):not(#_b) {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
height: auto !important;
max-height: none !important;
overflow: visible !important;
}
html body.page-id-46319 p.cexp-page-sub:not(#_a):not(#_b) {
font-family: 'Montserrat', sans-serif !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
color: #c8a96e !important;
text-align: center !important;
margin: 0 auto 26px !important;
}
html body.page-id-46319 p.cexp-page-intro:not(#_a):not(#_b) {
max-width: 800px !important;
margin: 0 auto 18px !important;
text-align: center !important;
font-size: 16px !important;
font-weight: 300 !important;
line-height: 1.85 !important;
color: #4a4340 !important;
}
html body.page-id-46319 h2.cexp-page-title:not(#_a):not(#_b) {
display: block !important;
font-size: 46px !important;
margin: 40px 0 10px !important;
}
/* crest a touch larger, centred */
html body.page-id-46319 .entry-content > figure.wp-block-image img:not(#_a) {
max-width: 150px !important;
margin: 0 auto 6px !important;
}
/* ==========================================================================
v42j - Expeditions hero.
The hero was previously styled only by the listing-page CSS, which applied
because this page also carried the page-id-46296 body class. That class has
now been removed, so the page needs its own hero rules: image behind,
full-bleed, title centred over a gradient.
========================================================================== */
html body.page-id-46319 .gb-layout-hero-1:not(#_a) {
position: relative !important;
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
padding: 0 !important;
background-color: #2c1810 !important;
overflow: hidden !important;
}
html body.page-id-46319 .gb-layout-hero-1 .gb-container-image-wrap:not(#_a) {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
z-index: 0 !important;
}
html body.page-id-46319 .gb-layout-hero-1 .gb-container-image-wrap img:not(#_a) {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
display: block !important;
}
/* gradient so the title reads over the photo */
html body.page-id-46319 .gb-layout-hero-1 .gb-container-image-wrap::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.15) 40%, rgba(0,0,0,0.60) 100%);
z-index: 1;
}
html body.page-id-46319 .gb-layout-hero-1 .gb-container-inside:not(#_a) {
position: relative !important;
z-index: 2 !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
min-height: 60vh !important;
padding: 40px 24px !important;
text-align: center !important;
}
html body.page-id-46319 .gb-layout-hero-1 h1:not(#_a),
html body.page-id-46319 .gb-layout-hero-1 h2:not(#_a),
html body.page-id-46319 .gb-layout-hero-1 h3:not(#_a) {
color: #ffffff !important;
font-family: 'Cormorant Garamond', Georgia, serif !important;
margin: 0 !important;
}
html body.page-id-46319 .gb-layout-hero-1 p:not(#_a) {
color: rgba(255,255,255,0.9) !important;
display: block !important;
}
@media (max-width: 768px) {
html body.page-id-46319 .gb-layout-hero-1 .gb-container-inside:not(#_a) { min-height: 45vh !important; }
}
/* v42k - Expeditions: Blocksy also prints its own .hero-section (a duplicate
dark title band). The listing CSS used to hide it; now that the page no
longer carries page-id-46296, hide it here. The GB hero is the real one. */
html body.page-id-46319 .hero-section:not(#_a):not(#_b),
html body.page-id-46319 .hero-section[data-type]:not(#_a):not(#_b),
html body.page-id-46319 .entry-header:not(#_a):not(#_b) {
display: none !important;
}
/* lighten the hero overlay a touch so the photo reads */
html body.page-id-46319 .gb-layout-hero-1 .gb-container-image-wrap::after {
background: linear-gradient(180deg, rgba(0,0,0,0.20) 0%, rgba(0,0,0,0.10) 40%, rgba(0,0,0,0.50) 100%) !important;
}
html body.page-id-46319 .gb-layout-hero-1:not(#_a) { background-color: transparent !important; }
/* ==========================================================================
v42l - Accommodation detail: sidebar offset, star spacing, mobile info strip
========================================================================== */
/* 1. breathing room above the sidebar card */
html body.single-accommodation aside.dlx-side:not(#_a) {
padding-top: 44px !important;
}
/* 2. equal space above and below the star rating.
The strip above carried a 34px bottom margin while the rating only had 18px
below it, so the block sat off-centre between its two rules. */
html body.single-accommodation .chalo-acco-info-strip:not(#_a) {
margin-bottom: 0 !important;
}
html body.single-accommodation .chalo-acco-rating:not(#_a) {
margin: 0 0 34px !important;
padding: 24px 0 !important;
border-bottom: 1px solid #e8e0d6 !important;
}
/* 3. mobile: no vertical divider on the last-column items, more room above each icon */
@media (max-width: 768px) {
html body.single-accommodation .chalo-acco-info-strip:not(#_a) {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 0 !important;
}
html body.single-accommodation .chalo-acco-info-item:not(#_a) {
border-right: 0 !important;
padding: 0 !important;
margin: 0 !important;
text-align: center !important;
}
html body.single-accommodation .chalo-acco-info-item:not(#_a) svg,
html body.single-accommodation .chalo-acco-info-item:not(#_a) img,
html body.single-accommodation .chalo-acco-info-item .chalo-acco-info-icon:not(#_a) {
margin-top: 28px !important;
}
html body.single-accommodation .chalo-acco-info-item:first-child:not(#_a) svg,
html body.single-accommodation .chalo-acco-info-item:first-child:not(#_a) img,
html body.single-accommodation .chalo-acco-info-item:first-child .chalo-acco-info-icon:not(#_a) {
margin-top: 0 !important;
}
html body.single-accommodation aside.dlx-side:not(#_a) { padding-top: 32px !important; }
}
/* v42m - the info strip keeps a 34px bottom margin from an earlier rule, which
pushed the stars away from the rule above them. Zero it so the star block is
evenly padded between its two lines (24px each side). */
html body.single-accommodation .chalo-acco-info-strip:not(#_a):not(#_b):not(#_c) {
margin-bottom: 0 !important;
}
html body.single-accommodation .chalo-acco-rating:not(#_a):not(#_b):not(#_c) {
margin: 0 0 34px !important;
padding: 24px 0 !important;
}
/* ==========================================================================
v42n - (a) star spacing (the winning rule includes .dlx-main, so match it)
(b) offer detail: white gap above the enquiry section
========================================================================== */
/* (a) equal 24px above and below the stars */
html body.single-accommodation .dlx-main .chalo-acco-info-strip:not(#_a):not(#_b):not(#_c):not(#_d) {
margin-bottom: 0 !important;
}
html body.single-accommodation .dlx-main .chalo-acco-rating:not(#_a):not(#_b):not(#_c):not(#_d) {
margin: 0 0 34px !important;
padding: 24px 0 !important;
border-bottom: 1px solid #e8e0d6 !important;
}
/* (b) the enquiry band carried a 60px top margin, leaving a white strip
between the beige "Other Special Offers" band and the dark enquiry band. */
html body.chalo-offer .chalo-offer-enquire:not(#_a):not(#_b),
html body.single-special-offer .chalo-offer-enquire:not(#_a):not(#_b) {
margin-top: 0 !important;
}
html body.chalo-offer .chalo-offer-related:not(#_a):not(#_b),
html body.single-special-offer .chalo-offer-related:not(#_a):not(#_b) {
margin-bottom: 0 !important;
}
/* ==========================================================================
v42o - experiences archive polish + accommodation star rule
========================================================================== */
/* Stars: the strip's 34px bottom margin kept winning, so stop relying on it.
Drop the strip's rule and give the rating BOTH borders, with equal padding.
That guarantees 24px above and below the stars whatever the margin does. */
html body.single-accommodation .dlx-main .chalo-acco-info-strip:not(#_a):not(#_b):not(#_c):not(#_d) {
border-bottom: 0 !important;
padding-bottom: 0 !important;
}
html body.single-accommodation .dlx-main .chalo-acco-rating:not(#_a):not(#_b):not(#_c):not(#_d) {
border-top: 1px solid #e8e0d6 !important;
border-bottom: 1px solid #e8e0d6 !important;
padding: 24px 0 !important;
margin: 0 0 34px !important;
}
/* Experiences archive: taller hero */
html body.tax-experiences .hero-section:not(#_a):not(#_b) {
min-height: 62vh !important;
padding-top: 40px !important;
padding-bottom: 40px !important;
}
/* Experiences archive: room above the cards */
html body.tax-experiences .entries:not(#_a):not(#_b) {
padding-top: 70px !important;
}
/* infinite scroll: pager kept in the DOM as a cursor but not shown */
html body.tax-experiences .ct-pagination { visibility: hidden !important; height: 0 !important; margin: 0 !important; }
@media (max-width: 768px) {
html body.tax-experiences .hero-section:not(#_a):not(#_b) { min-height: 46vh !important; }
html body.tax-experiences .entries:not(#_a):not(#_b) { padding-top: 44px !important; }
}
/* v42p - stars: the info strip's border-bottom AND its 34px bottom margin both
resist override (an earlier .dlx-main rule keeps winning). So stop fighting
it: keep the strip's line as the top rule, and pull the rating up by exactly
that margin. Result is a clean 24px above and below the stars. */
html body.single-accommodation .dlx-main .chalo-acco-rating:not(#_a):not(#_b):not(#_c):not(#_d) {
border-top: 0 !important;
border-bottom: 1px solid #e8e0d6 !important;
padding: 24px 0 !important;
margin: -34px 0 34px !important;
}
/* ==========================================================================
v42q - experiences archives: default hero image, card meta, bottom spacing
========================================================================== */
/* Default hero for every /experiences/* archive.
Relative URL from the stylesheet so it resolves on staging AND after go-live. */
html body.tax-experiences .hero-section:not(#_a):not(#_b) {
background-image: linear-gradient(rgba(0,0,0,0.35), rgba(0,0,0,0.58)),
url('../../uploads/2026/07/experiences-chalo.jpg') !important;
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
}
/* Card meta: duration + price */
html body.tax-experiences .chalo-exp-meta {
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 0 !important;
margin-top: 14px !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 12.5px !important;
font-weight: 500 !important;
color: #4a4340 !important;
}
html body.tax-experiences .chalo-exp-meta .cxm-item { white-space: nowrap; }
html body.tax-experiences .chalo-exp-meta .cxm-dot { margin: 0 9px; color: #c8a96e; }
/* the meta line sits inside the excerpt, which is clamped - let it show */
html body.tax-experiences article.entry-card .entry-excerpt:not(#_a):not(#_b) {
display: block !important;
-webkit-line-clamp: none !important;
overflow: visible !important;
}
html body.tax-experiences article.entry-card .entry-excerpt > p:not(#_a) {
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
margin: 0 !important;
}
/* space before the footer */
html body.tax-experiences .entries:not(#_a):not(#_b) { padding-bottom: 90px !important; }
html body.tax-experiences .site-main:not(#_a) { padding-bottom: 40px !important; }
@media (max-width: 768px) {
html body.tax-experiences .entries:not(#_a):not(#_b) { padding-bottom: 60px !important; }
}
/* v42r - the card is a flex column with explicit order values (media 1, title 2,
excerpt 3). The injected meta had no order, so it defaulted to 0 and jumped to
the top of the card, above the image. Put it last. */
html body.tax-experiences article.entry-card .chalo-exp-meta:not(#_a):not(#_b) {
order: 4 !important;
margin: 0 !important;
padding: 0 24px 24px !important;
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 12.5px !important;
font-weight: 500 !important;
color: #4a4340 !important;
}
html body.tax-experiences article.entry-card .entry-title:not(#_a):not(#_b) {
padding: 22px 24px 12px !important;
}
html body.tax-experiences article.entry-card:not(#_a):not(#_b) {
justify-content: flex-start !important;
}
/* ==========================================================================
v42s - /safari-destinations/ : restored destination prose below the grid
========================================================================== */
body.page-id-46287 .dg-prose {
background: #faf7f2;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
padding: 80px 24px 90px;
}
body.page-id-46287 .dg-prose-in { max-width: 860px; margin: 0 auto; }
body.page-id-46287 h2.dg-prose-h {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 40px !important;
font-weight: 400 !important;
color: #2c1810 !important;
text-align: center;
margin: 0 !important;
}
body.page-id-46287 hr.dg-prose-hr {
border: none;
height: 1px;
background: #c8a96e;
max-width: 60px;
margin: 24px auto 48px;
opacity: 1;
}
body.page-id-46287 .dg-prose-item { margin-bottom: 34px; }
body.page-id-46287 h3.dg-prose-c {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 26px !important;
font-weight: 500 !important;
color: #2c1810 !important;
margin: 0 0 10px !important;
}
body.page-id-46287 h3.dg-prose-c a { color: #2c1810 !important; text-decoration: none !important; }
body.page-id-46287 h3.dg-prose-c a:hover { color: #c8a96e !important; }
body.page-id-46287 .dg-prose-item p {
font-family: 'Montserrat', sans-serif !important;
font-size: 16px !important;
font-weight: 300 !important;
line-height: 1.85 !important;
color: #4a4340 !important;
margin: 0 !important;
}
@media (max-width: 768px) {
body.page-id-46287 .dg-prose { padding: 56px 20px 64px; }
body.page-id-46287 h2.dg-prose-h { font-size: 30px !important; }
}
/* ==========================================================================
v42t - /safari-destinations/ : restored country copy inside each card.
Present in full in the HTML (SEO sees every word); clamped visually so the
grid stays tidy. The old bottom-of-page .dg-prose section is retired.
========================================================================== */
body.page-id-46287 .dg-prose { display: none !important; }
body.page-id-46287 .dg-card .dg-long {
display: -webkit-box !important;
-webkit-line-clamp: 4 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
margin-top: 12px !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 13.5px !important;
font-weight: 300 !important;
line-height: 1.75 !important;
color: #6b6560 !important;
}
body.page-id-46287 .dg-card:hover .dg-long { color: #4a4340 !important; }
/* the short one-liner becomes the lead-in */
body.page-id-46287 .dg-card .dg-desc {
font-weight: 400 !important;
color: #4a4340 !important;
}
@media (max-width: 768px) {
body.page-id-46287 .dg-card .dg-long { -webkit-line-clamp: 3 !important; }
}
/* ==========================================================================
v42u - destination copy restored as a section on each destination page.
The in-card version (v42t) made the cards look lopsided - reverted.
========================================================================== */
body.page-id-46287 .dg-card .dg-long { display: none !important; }
body.chalo-destination .dg-prose,
body.page-id-46287 .dg-prose { display: block !important; }
body.chalo-destination .dg-prose,
body.page-id-46287 .dg-prose {
background: #faf7f2;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
padding: 80px 24px 90px;
}
body.chalo-destination .dg-prose-in,
body.page-id-46287 .dg-prose-in { max-width: 860px; margin: 0 auto; }
body.chalo-destination h2.dg-prose-h,
body.page-id-46287 h2.dg-prose-h {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 40px !important;
font-weight: 400 !important;
color: #2c1810 !important;
text-align: center !important;
margin: 0 !important;
}
body.chalo-destination hr.dg-prose-hr,
body.page-id-46287 hr.dg-prose-hr {
border: none !important;
height: 1px !important;
background: #c8a96e !important;
max-width: 60px !important;
margin: 24px auto 44px !important;
opacity: 1 !important;
}
body.chalo-destination .dg-prose-item,
body.page-id-46287 .dg-prose-item { margin-bottom: 26px; }
body.chalo-destination .dg-prose-item p,
body.page-id-46287 .dg-prose-item p {
font-family: 'Montserrat', sans-serif !important;
font-size: 16px !important;
font-weight: 300 !important;
line-height: 1.85 !important;
color: #4a4340 !important;
margin: 0 !important;
display: block !important;
}
@media (max-width: 768px) {
body.chalo-destination .dg-prose,
body.page-id-46287 .dg-prose { padding: 56px 20px 64px; }
body.chalo-destination h2.dg-prose-h,
body.page-id-46287 h2.dg-prose-h { font-size: 30px !important; }
}
/* ==========================================================================
v42v - WhatsApp (Click to Chat) bubble RE-ENABLED.
A legacy v9 rule hid it sitewide with display:none !important, which beat
the plugin's own inline display:block. The markup was on every page but
never rendered. Overriding here (cascade-last) rather than editing the old
rule, so the original block stays intact for reference.
========================================================================== */
#ht-ctc-chat,
.ht-ctc,
.ht-ctc-chat {
display: block !important;
visibility: visible !important;
}
/* keep it circular - our global border-radius:0 reset squares it off */
.ht-ctc-chat,
.ht-ctc-chat *,
.ht-ctc-chat svg,
.ht-ctc-chat .ctc_s_1 {
border-radius: 50% !important;
}
/* sit clear of the footer edge + any sticky sidebar CTA */
.ht-ctc-chat {
bottom: 24px !important;
right: 24px !important;
z-index: 9999 !important;
}
/* the greeting/hover label - match brand type */
.ht-ctc-chat .ctc-analytics span,
.ht-ctc-chat p {
font-family: 'Montserrat', sans-serif !important;
border-radius: 0 !important;
}
@media (max-width: 768px) {
.ht-ctc-chat { bottom: 18px !important; right: 18px !important; }
}
@media print { .ht-ctc-chat { display: none !important; } }
/* ==========================================================================
v42w - location/park sections: mobile overflow fix.
.cloc-mapwx-in is a grid with 1fr tracks. 1fr = minmax(auto, 1fr), so the
track can never shrink below its children's min-content - the 12-cell month
strip forced the track to 412px inside a 255px container, clipping the map,
climate strip and headings on phones. minmax(0,1fr) + min-width:0 lets the
track shrink; the month strip wraps instead of overflowing.
========================================================================== */
.cloc-mapwx-in {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.cloc-mapwx-in > *,
.cloc-map-wrap,
.cloc-wx-wrap {
min-width: 0;
max-width: 100%;
}
@media (max-width: 900px) {
.cloc-mapwx-in {
grid-template-columns: minmax(0, 1fr) !important;
gap: 32px !important;
}
.cloc-map-wrap,
.cloc-wx-wrap,
.cloc-wx,
.cloc-h,
.cloc-sub {
max-width: 100% !important;
min-width: 0 !important;
width: auto !important;
}
/* 12-month climate strip: wrap to 6 across instead of forcing one long row */
.cloc-wx {
flex-wrap: wrap !important;
gap: 6px !important;
}
.cloc-wx > * {
flex: 0 0 calc(16.666% - 6px) !important;
min-width: 0 !important;
}
}
@media (max-width: 480px) {
/* 4 across on small phones */
.cloc-wx > * { flex: 0 0 calc(25% - 6px) !important; }
}
/* ==========================================================================
v44a - rebuilt from v42w (the last stylesheet before the Blocksy 2.1.48
firefighting). Everything below is a fix you actually asked for. All of the
2.1.48 compensation - content padding overrides, forced 72px sticky header,
transition kills, logo opacity, button height - is GONE, because Blocksy
Companion is back on 2.1.32 and its own header CSS is correct again.
========================================================================== */
/* Explorers Club cards: drop the 24px gold slab around each image. */
img.ec-card-img {
border: 0 !important;
display: block;
width: 100%;
height: auto;
}
.ec-card-link {
background-color: transparent !important;
border: 0 !important;
display: block;
}
/* Listing page: intro copy above the filters (the filter box carried order:-1
in a flex-column .entry-content and jumped above the paragraph). */
body.page-id-46296 .entry-content > #safari-filters-wrap {
order: 0 !important;
}
/* Listing card "EXPLORING ..." kicker: not italic. */
body.page-id-46296 .fwpl-item.el-15zqk,
body.page-id-46296 .fwpl-item.el-15zqk *,
.fwpl-item.el-15zqk,
.fwpl-item.el-15zqk .fwpl-term {
font-style: normal !important;
}
/* Listing page: Plan Your Safari CTA full-bleed. */
body.page-id-46296 #plan-your-safari-cta,
body.page-id-46296 .entry-content > #plan-your-safari-cta {
max-width: none !important;
width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
}
/* Safari tour detail: no white strip between the dark enquiry section and the
dark footer. */
body.single-safari-tours .chalo-safari-v2 {
margin-bottom: 0 !important;
}
/* Expeditions hero: taller. */
body.page-id-46319 .gb-block-container.gb-layout-hero-1,
body.page-id-46319 .gb-layout-hero-1,
body.page-id-46319 .gb-layout-hero-1 .gb-container-inside {
min-height: 70vh !important;
}
/* Destination pages: "More about {Country}" full-bleed and flush to the footer. */
body.chalo-destination .dg-prose,
body.page-id-46287 .dg-prose,
body.chalo-destination .entry-content > .dg-prose {
max-width: none !important;
width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
margin-bottom: 0 !important;
}
/* Genesis Blocks notice: no stray inner box around the Careers link. */
.gb-block-notice .gb-notice-text,
.gb-notice-text {
border: 0 !important;
}
/* v44c - Expeditions (46319) hero flush to the top.
Every other landing page zeroes the theme's 60px content padding via its own
page-id rule. This page never had one: it used to inherit the listing page's
rules through a stray page-id-46296 body class, which we removed on request.
So .entry-content kept its 60px padding-top and the hero sat 60px down.
Give the page its own rule instead of relying on a borrowed class. */
body.page-id-46319 .entry-content,
body.page-id-46319 .ct-container,
body.page-id-46319 .ct-container-full,
body.page-id-46319 article,
body.page-id-46319 .site-main {
padding-top: 0 !important;
margin-top: 0 !important;
}
/* ==========================================================================
v44d - MOBILE: white band above every full-bleed hero.
A legacy rule '@media (max-width:768px) { body.page-template-default
.entry-content { padding-top: 40px !important } }' (specificity 0,2,1) beats
'.home .entry-content { padding-top: 0 !important }' (0,2,0), so on phones the
hero was pushed 40px down and the white page background showed through under
the transparent nav. Zero it only for pages that actually open with an
in-content full-bleed hero; ordinary content pages keep their breathing room.
========================================================================== */
@media (max-width: 768px) {
body.page-template-default .entry-content:has(> .gb-layout-hero-1),
body.page-template-default .entry-content:has(> .wp-block-genesis-blocks-gb-container.gb-layout-hero-1),
body.home .entry-content,
body.page-id-46296 .entry-content,
body.page-id-46466 .entry-content,
body.page-id-46232 .entry-content,
body.page-id-46319 .entry-content,
body.chalo-destination .entry-content,
body.single-safari-tours .entry-content,
body.chalo-offer .entry-content,
body.chalo-review .entry-content,
body.single-accommodation .entry-content {
padding-top: 0 !important;
}
}
/* ==========================================================================
v44e - MOBILE: destination hero type scale + hamburger tap target.
The destination H1 stayed at 64px on phones. "Kenya - Africa's Safari Capital"
wrapped to 368px tall, overflowed the 480px hero, and pushed the subtitle down
on top of the breadcrumb bar (both landed at y=480). Scale the hero type down
so it fits; the collision resolves itself.
========================================================================== */
@media (max-width: 768px) {
body.chalo-destination h1.page-title,
body.chalo-dest-ssr h1.page-title,
body.chalo-destination .hero-section h1,
body.chalo-destination .dg-hero-h1 {
font-size: 34px !important;
line-height: 1.18 !important;
}
body.chalo-destination .dest-hero-subtitle,
body.chalo-destination .dg-hero-sub {
font-size: 15px !important;
margin-top: 12px !important;
}
/* hamburger was a 15px hit area - below the 44px minimum tap target */
header.ct-header .ct-header-trigger,
header.ct-header [class*="trigger"],
header.ct-header button[class*="toggle"] {
min-width: 44px !important;
min-height: 44px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
}
@media (max-width: 480px) {
body.chalo-destination h1.page-title,
body.chalo-dest-ssr h1.page-title,
body.chalo-destination .dg-hero-h1 {
font-size: 29px !important;
}
}
/* v44f - the v44e mobile hero rule lost the specificity fight.
'html body.chalo-destination .hero-section .entry-header h1 { 64px !important }'
outranks a plain 'body.chalo-destination h1.page-title' - a media query adds no
specificity of its own. Match the full chain (plus fake-ids) so the mobile size
actually lands. */
@media (max-width: 768px) {
html body.chalo-destination:not(#_a):not(#_b) .hero-section .entry-header h1,
html body.chalo-destination:not(#_a):not(#_b) .hero-section h1.page-title,
html body.chalo-destination:not(#_a):not(#_b) h1.page-title,
html body.chalo-dest-ssr:not(#_a):not(#_b) h1.page-title {
font-size: 34px !important;
line-height: 1.18 !important;
}
html body.chalo-destination:not(#_a):not(#_b) .dest-hero-subtitle {
font-size: 15px !important;
margin-top: 10px !important;
}
}
@media (max-width: 480px) {
html body.chalo-destination:not(#_a):not(#_b) .hero-section .entry-header h1,
html body.chalo-destination:not(#_a):not(#_b) .hero-section h1.page-title,
html body.chalo-destination:not(#_a):not(#_b) h1.page-title {
font-size: 29px !important;
}
}
/* v44g - MOBILE: accommodation rates table was wider than the viewport and got
clipped by the parent's overflow rather than being reachable. Let it scroll
horizontally instead of silently hiding columns. */
@media (max-width: 768px) {
.chalo-acco-rates,
.chalo-acco-rates-wrap,
.chalo-acco-rates-table {
display: block !important;
width: 100% !important;
max-width: 100% !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch;
}
.chalo-acco-rates-table table,
table.chalo-acco-rates-table {
min-width: 520px;
}
}
/* ==========================================================================
v44h - MOBILE MENU: links were unreadable.
The off-canvas panel background is near-black (rgba(15,8,4,.98)) but the menu
links inherited the light-background colours - #333 for top level and #2c1810
for sub-items. Dark brown text on a black panel: effectively invisible.
The nav paints via -webkit-text-fill-color, which overrides color, so BOTH
must be set or the fix silently does nothing.
========================================================================== */
html body .ct-panel:not(#_a):not(#_b) a,
html body .ct-panel:not(#_a):not(#_b) .ct-menu-link,
html body #offcanvas:not(#_a):not(#_b) a {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
html body .ct-panel:not(#_a):not(#_b) .sub-menu a,
html body .ct-panel:not(#_a):not(#_b) ul ul a {
color: rgba(255,255,255,0.82) !important;
-webkit-text-fill-color: rgba(255,255,255,0.82) !important;
}
html body .ct-panel:not(#_a):not(#_b) a:hover,
html body .ct-panel:not(#_a):not(#_b) .current-menu-item > a {
color: #c8a96e !important;
-webkit-text-fill-color: #c8a96e !important;
}
/* dropdown carets were the same invisible dark colour */
html body .ct-panel:not(#_a):not(#_b) svg {
fill: #ffffff !important;
color: #ffffff !important;
stroke: #ffffff !important;
}
/* comfortable tap targets in the drawer */
html body .ct-panel:not(#_a):not(#_b) .ct-menu-link {
min-height: 44px !important;
display: flex !important;
align-items: center !important;
}
/* ==========================================================================
v44i - MOBILE MENU: the drawer had no background at all.
#offcanvas.ct-panel computed to rgba(0,0,0,0) - fully transparent - so the
page (hero photo) showed straight through and the menu text was unreadable
over it. The SEARCH modal (#search-modal.ct-panel) is the one that carries
the dark background, which is why styling '.ct-panel' alone looked correct
in the DOM but fixed nothing on screen.
Give the menu drawer its own opaque brand-dark background, keep the
sub-menus transparent (they were rendering as a white box, and with white
text that made the sub-items invisible), and pad the content clear of the
logo and close button.
========================================================================== */
html body #offcanvas.ct-panel {
background-color: #1a1109 !important;
background-image: none !important;
}
/* sub-menus: no white card - inherit the dark drawer */
html body #offcanvas .sub-menu,
html body #offcanvas ul ul,
html body #offcanvas .ct-panel-content,
html body #offcanvas .ct-panel-actions {
background-color: transparent !important;
background-image: none !important;
}
/* every link in the drawer legible on the dark ground */
html body #offcanvas a,
html body #offcanvas .ct-menu-link {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
html body #offcanvas .sub-menu a {
color: rgba(255,255,255,0.85) !important;
-webkit-text-fill-color: rgba(255,255,255,0.85) !important;
}
html body #offcanvas a:hover,
html body #offcanvas .current-menu-item > a {
color: #c8a96e !important;
-webkit-text-fill-color: #c8a96e !important;
}
/* carets + close icon */
html body #offcanvas svg {
fill: #ffffff !important;
color: #ffffff !important;
stroke: #ffffff !important;
}
/* clear the header row so the first item doesn't sit under the logo */
html body #offcanvas .ct-panel-content {
padding-top: 90px !important;
}
/* comfortable tap targets */
html body #offcanvas .ct-menu-link {
min-height: 46px !important;
display: flex !important;
align-items: center !important;
}
/* ==========================================================================
v44j - sticky header was translucent: page content bled through it.
A legacy rule 'html body header.ct-header:not(#_x):not(#_y) { transition:
background-color .32s !important }' (fake-id trick, specificity 2,2,2) beats
any later transition:none, so the white fade never settles and the bar
renders permanently part-transparent. Kill the transition outright and pin
both states. Three fake ids to out-rank it.
========================================================================== */
html body header.ct-header:not(#_a):not(#_b):not(#_c),
html body header.ct-header.chalo-scrolled:not(#_a):not(#_b):not(#_c) {
transition: none !important;
}
html body header.ct-header.chalo-scrolled:not(#_a):not(#_b):not(#_c) {
background-color: #ffffff !important;
box-shadow: 0 2px 14px rgba(0,0,0,0.08) !important;
}
html body header.ct-header:not(.chalo-scrolled):not(#_a):not(#_b):not(#_c) {
background-color: transparent !important;
box-shadow: none !important;
}
/* the logo and links carry the same stuck transition - it left the logo at
opacity:0 and the links half-faded */
html body header.ct-header .site-logo-container img:not(#_a):not(#_b):not(#_c),
html body header.ct-header a.ct-menu-link:not(#_a):not(#_b):not(#_c) {
transition: none !important;
}
html body header.ct-header .site-logo-container img:not(#_a):not(#_b):not(#_c) {
opacity: 1 !important;
}
html body header.ct-header.chalo-scrolled:not(#_a):not(#_b):not(#_c) a.ct-menu-link {
color: #2c1810 !important;
-webkit-text-fill-color: #2c1810 !important;
}
/* ==========================================================================
v44k - destination pages: text no longer overflows its container on mobile.
Three related bugs, one cause - fixed heights with text that wraps longer
on a narrow screen:
1. .dest-breadcrumbs was position:absolute inside the hero, so it stayed put
while a long title ("Congo Basin - Africa's Great Rainforest") pushed the
subtitle down on top of it. Put it back in normal flow: it now sits after
the subtitle and the hero grows to fit. Keeping the breadcrumb - it is
real navigation, and removing it would not have fixed the underlying
overflow anyway.
2. .dest-subdest-grid / -card had a hard height:280px, so the country blurbs
spilled straight out of the image. Height is now content-driven.
3. The hairlines between the at-a-glance items crowded the mobile layout.
========================================================================== */
body.chalo-destination .dest-breadcrumbs {
position: static !important;
top: auto !important;
left: auto !important;
transform: none !important;
margin-top: 16px !important;
}
body.chalo-destination .dest-subdest-grid,
body.chalo-destination .dest-subdest-card {
height: auto !important;
min-height: 280px !important;
}
@media (max-width: 768px) {
/* hero grows with its content instead of clipping it */
body.chalo-destination .hero-section {
height: auto !important;
padding-top: 130px !important;
padding-bottom: 40px !important;
}
/* remove the hairlines so the glance grid can breathe */
body.chalo-destination .dest-glance-item,
body.chalo-destination .dest-glance-item + .dest-glance-item {
border: 0 !important;
box-shadow: none !important;
}
body.chalo-destination .dest-glance-item::before,
body.chalo-destination .dest-glance-item::after {
display: none !important;
content: none !important;
}
/* country cards: let the copy breathe, cap the blurb */
body.chalo-destination .dest-subdest-card {
min-height: 320px !important;
}
}
/* ================================================================
v44l - 2026-07-13 - Mobile optimisation batch
1. Nav gap above sticky header (admin-bar, all pages)
2. Mobile drawer redesign
3. Camps & Lodges (46466) + Special Offers (46232) mobile
4. Accommodation info-strip type scale (mobile)
5. Homepage mobile - alignfull sections were not full-bleed
6. Chalo Explorers Club gold frame
NOTE: the fake-id chains :not(#_x) are deliberate - the v44h/v44i
drawer rules use "html body #offcanvas ..." and a plain !important
does not beat them. Verified by re-measuring computed styles.
================================================================ */
/* -- 1. NAV GAP ABOVE STICKY HEADER ------------------------------ */
@media (max-width: 782px) {
html body.admin-bar header.ct-header:not(.chalo-scrolled):not(#_x):not(#_y) { top: 46px !important; }
html body.admin-bar header.ct-header.chalo-scrolled:not(#_x):not(#_y) { top: 0 !important; }
}
/* -- 2. MOBILE DRAWER -------------------------------------------- */
#offcanvas#offcanvas:not(#_x) {
background-color: #1a1109 !important;
background-image: linear-gradient(165deg, #241708 0%, #1a1109 45%, #2c1810 100%) !important;
}
#offcanvas#offcanvas .ct-panel-inner:not(#_x) { padding: 0 !important; }
#offcanvas#offcanvas .ct-panel-actions:not(#_x) {
display: flex !important; align-items: center !important;
justify-content: space-between !important;
padding: 14px 22px !important;
border-bottom: 1px solid rgba(200,169,110,0.18) !important;
min-height: 0 !important;
}
#offcanvas#offcanvas .ct-panel-actions::before {
content: 'Chalo Africa';
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 22px; font-weight: 400; letter-spacing: 0.5px;
color: #c8a96e; line-height: 1;
}
#offcanvas#offcanvas .ct-toggle-close:not(#_x) {
width: 44px !important; height: 44px !important; color: #ffffff !important;
}
#offcanvas#offcanvas .ct-toggle-close:not(#_x):hover { color: #c8a96e !important; }
#offcanvas#offcanvas .ct-panel-content:not(#_x):not(#_y) { padding: 6px 0 0 !important; }
#offcanvas#offcanvas .ct-panel-content-inner:not(#_x) { padding: 0 22px 40px !important; }
#offcanvas#offcanvas nav.mobile-menu > ul:not(#_x) { padding: 0 !important; margin: 0 !important; }
#offcanvas#offcanvas nav.mobile-menu > ul > li.menu-item:not(.ab-button):not(.menu-item-object-custom):not(#_x) {
border-bottom: 1px solid rgba(200,169,110,0.14) !important;
padding: 0 !important; margin: 0 !important;
}
#offcanvas#offcanvas nav.mobile-menu > ul > li.menu-item:not(.ab-button):not(.menu-item-object-custom) > .ct-sub-menu-parent > a.ct-menu-link:not(#_x):not(#_y),
#offcanvas#offcanvas nav.mobile-menu > ul > li.menu-item:not(.ab-button):not(.menu-item-object-custom) > a.ct-menu-link:not(#_x):not(#_y) {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 25px !important; font-weight: 400 !important;
letter-spacing: 0.3px !important; text-transform: none !important;
color: #ffffff !important; -webkit-text-fill-color: #ffffff !important;
padding: 15px 0 !important; min-height: 0 !important; line-height: 1.25 !important;
}
#offcanvas#offcanvas nav.mobile-menu > ul > li.menu-item > .ct-sub-menu-parent > a.ct-menu-link:not(#_x):not(#_y):hover,
#offcanvas#offcanvas nav.mobile-menu > ul > li.menu-item > a.ct-menu-link:not(#_x):not(#_y):hover {
color: #c8a96e !important; -webkit-text-fill-color: #c8a96e !important;
}
#offcanvas#offcanvas .ct-toggle-dropdown-mobile:not(#_x) { width: 44px !important; height: 44px !important; }
#offcanvas#offcanvas .ct-toggle-dropdown-mobile svg:not(#_x):not(#_y),
#offcanvas#offcanvas .ct-toggle-dropdown-mobile svg path:not(#_x):not(#_y) {
fill: #c8a96e !important; stroke: #c8a96e !important; color: #c8a96e !important;
}
#offcanvas#offcanvas ul.sub-menu:not(#_x):not(#_y) {
border-left: 1px solid rgba(200,169,110,0.28) !important;
margin: 0 0 12px 3px !important;
padding: 4px 0 6px 16px !important;
background-color: rgba(0,0,0,0.16) !important;
}
#offcanvas#offcanvas ul.sub-menu li:not(#_x) { border: none !important; }
#offcanvas#offcanvas ul.sub-menu a.ct-menu-link:not(#_x):not(#_y):not(#_z) {
font-family: 'Montserrat', sans-serif !important;
font-size: 13px !important; font-weight: 400 !important;
letter-spacing: 0.6px !important; text-transform: none !important;
color: rgba(255,255,255,0.62) !important; -webkit-text-fill-color: rgba(255,255,255,0.62) !important;
padding: 11px 0 !important; min-height: 0 !important; line-height: 1.4 !important;
}
#offcanvas#offcanvas ul.sub-menu a.ct-menu-link:not(#_x):not(#_y):not(#_z):hover {
color: #c8a96e !important; -webkit-text-fill-color: #c8a96e !important;
}
#offcanvas#offcanvas nav.mobile-menu > ul > li.ab-button:not(#_x) {
border-bottom: none !important; margin-top: 30px !important; padding: 0 !important;
}
#offcanvas#offcanvas nav.mobile-menu > ul > li.ab-button > a.ct-menu-link:not(#_x):not(#_y):not(#_z) {
display: flex !important; align-items: center !important; justify-content: center !important;
width: 100% !important; box-sizing: border-box !important;
background: #c8a96e !important; border: 1px solid #c8a96e !important; border-radius: 0 !important;
color: #ffffff !important; -webkit-text-fill-color: #ffffff !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 13px !important; font-weight: 600 !important;
letter-spacing: 2px !important; text-transform: uppercase !important;
text-align: center !important; padding: 17px 20px !important; min-height: 0 !important;
}
#offcanvas#offcanvas nav.mobile-menu > ul > li.ab-button > a.ct-menu-link:not(#_x):not(#_y):not(#_z):hover {
background: transparent !important; color: #c8a96e !important; -webkit-text-fill-color: #c8a96e !important;
}
#offcanvas#offcanvas nav.mobile-menu > ul > li.menu-item-object-custom:not(#_x) {
border-bottom: none !important; margin-top: 14px !important; padding: 0 !important;
}
#offcanvas#offcanvas nav.mobile-menu > ul > li.menu-item-object-custom > a.ct-menu-link:not(#_x):not(#_y):not(#_z) {
display: flex !important; align-items: center !important; justify-content: center !important;
gap: 9px !important; padding: 14px 20px !important; min-height: 0 !important;
border: 1px solid rgba(200,169,110,0.4) !important;
}
#offcanvas#offcanvas nav.mobile-menu > ul > li.menu-item-object-custom > a.ct-menu-link::after {
content: 'Search'; font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 600;
letter-spacing: 1.6px; text-transform: uppercase; color: #c8a96e;
}
#offcanvas#offcanvas .dashicons-search:not(#_x) { color: #c8a96e !important; margin: 0 !important; }
/* -- 3. CAMPS (46466) + OFFERS (46232) MOBILE --------------------- */
@media (max-width: 768px) {
body.page-id-46466 #safari-filters-wrap#safari-filters-wrap#safari-filters-wrap .chalo-filter-row,
body.page-id-46232 #safari-filters-wrap#safari-filters-wrap#safari-filters-wrap .chalo-filter-row {
grid-template-columns: 1fr !important; gap: 12px !important; padding: 0 24px !important;
}
body.page-id-46466 #safari-filters-wrap#safari-filters-wrap#safari-filters-wrap .chalo-filter-row .facetwp-facet,
body.page-id-46232 #safari-filters-wrap#safari-filters-wrap#safari-filters-wrap .chalo-filter-row .facetwp-facet,
body.page-id-46466 #safari-filters-wrap#safari-filters-wrap#safari-filters-wrap .chalo-filter-row select,
body.page-id-46232 #safari-filters-wrap#safari-filters-wrap#safari-filters-wrap .chalo-filter-row select {
width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important;
}
body.page-id-46466 #safari-filters-wrap#safari-filters-wrap#safari-filters-wrap .chalo-filter-row select,
body.page-id-46232 #safari-filters-wrap#safari-filters-wrap#safari-filters-wrap .chalo-filter-row select {
height: 46px !important;
}
body.page-id-46466 .facetwp-template:not(#_x), body.page-id-46232 .facetwp-template:not(#_x) {
padding-left: 0 !important; padding-right: 0 !important;
}
body.page-id-46466 .entry-content:not(#_x), body.page-id-46232 .entry-content:not(#_x) {
padding-bottom: 0 !important;
}
}
body.page-id-46466 .chalo-camp-done .fwpl-item.el-js0zc:not(#_x):not(#_y) {
padding-left: 26px !important; padding-right: 26px !important;
}
/* -- 4. ACCOMMODATION INFO STRIP - smaller on mobile -------------- */
@media (max-width: 768px) {
body.single-accommodation .chalo-acco-info-item strong:not(#_x):not(#_y) {
font-size: 10.5px !important; letter-spacing: 1px !important;
}
body.single-accommodation .chalo-acco-info-item span:not(#_x):not(#_y) {
font-size: 16px !important; line-height: 1.35 !important;
}
body.single-accommodation .chalo-acco-info-item:not(#_x):not(#_y) { padding: 14px 0 !important; }
}
/* -- 5. HOMEPAGE MOBILE - alignfull sections were not full-bleed --- */
@media (max-width: 768px) {
body.home .entry-content:not(#_x) { padding-bottom: 0 !important; }
body.home .entry-content > .alignfull:not(#_x):not(#_y) {
margin-left: -24px !important; margin-right: -24px !important;
width: calc(100% + 48px) !important; max-width: none !important;
}
body.home .entry-content > .ec-section.alignfull:not(#_x):not(#_y) {
margin-left: -24px !important; margin-right: -24px !important;
width: calc(100% + 48px) !important;
}
body.home .entry-content > .gb-layout-service-2:not(#_x):not(#_y) {
padding-left: 20px !important; padding-right: 20px !important;
}
body.home .entry-content > .gb-layout-business-1 .gb-container-inside:not(#_x):not(#_y) {
padding-top: 80px !important;
}
}
/* -- 6. CHALO EXPLORERS CLUB - gold frame (mobile + desktop) ------- */
body.home .ec-section:not(#_x):not(#_y) {
border: 3px solid #c8a96e !important;
box-sizing: border-box !important;
}
/* ================================================================
v44m - 2026-07-13 - Mobile optimisation batch 2
7. Safari tour detail (v2) - section bands misaligned on mobile
8. Tours listing (46296) - filters, card width, footer gap
================================================================ */
/* -- 7. SAFARI TOUR DETAIL - alternating section bands ------------
.content-main keeps its 48px desktop sidebar gutter on mobile, so
the .section-block -40px breakout overshot: white bands sat at
left:-20px and stopped 28px short of the right edge; cream bands
sat at 4..348. Neither reached the viewport edge. */
@media (max-width: 768px) {
body.chalo-safari-v2-page .content-main:not(#_x):not(#_y) {
padding-left: 0 !important; padding-right: 0 !important;
}
body.chalo-safari-v2-page .section-block:not(#_x):not(#_y) {
margin-left: -20px !important; margin-right: -20px !important;
width: auto !important;
padding-left: 20px !important; padding-right: 20px !important;
}
}
/* -- 8. TOURS LISTING (46296) MOBILE ------------------------------
Same family of bugs as Camps: the 5 filter dropdowns were squeezed
into a 3-col grid at 110px each ("Sel..."), and the cards were 282px
in a 400px viewport (article 20 + entry-content 24 + fwpl-layout 15
per side = 118px lost). Footer gap = entry-content padding-bottom. */
@media (max-width: 768px) {
body.page-id-46296 #safari-filters-wrap#safari-filters-wrap#safari-filters-wrap {
grid-template-columns: 1fr !important;
gap: 12px !important;
}
body.page-id-46296 #safari-filters-wrap#safari-filters-wrap#safari-filters-wrap .facetwp-facet,
body.page-id-46296 #safari-filters-wrap#safari-filters-wrap#safari-filters-wrap select {
width: 100% !important; max-width: 100% !important; min-width: 0 !important;
box-sizing: border-box !important;
}
body.page-id-46296 #safari-filters-wrap#safari-filters-wrap#safari-filters-wrap select {
height: 46px !important;
}
/* widen the cards: break the results grid out of entry-content's
24px padding and drop fwpl-layout's own 15px */
body.page-id-46296 .facetwp-template:not(#_x):not(#_y) {
margin-left: -24px !important; margin-right: -24px !important;
width: calc(100% + 48px) !important;
}
body.page-id-46296 .fwpl-layout:not(#_x):not(#_y) {
padding-left: 0 !important; padding-right: 0 !important;
}
/* white band above the footer, under the dark Plan Your Safari CTA */
body.page-id-46296 .entry-content:not(#_x):not(#_y) {
padding-bottom: 0 !important;
}
}
/* ================================================================
v44n - 2026-07-13
9. Tours listing intro copy moved out of the hero, back below
the filters (content edit on page 46296) - style it there.
10. START PLANNING: white text on the scrolled (gold) nav button.
================================================================ */
/* -- 9. LISTING INTRO (46296) ------------------------------------
The paragraph now sits inside #safari-filters-wrap (the JS wrapper
swallows everything between the heading and the results), so it is
a grid item: span the full row and centre it.
NOTE: margin:auto does NOT work here - equalizeFilters() sets an
inline "margin-left: 0 !important" on every child of the wrap.
justify-self is untouched by that JS, so use it instead. */
body.page-id-46296 #safari-filters-wrap .chalo-listing-intro:not(#_x):not(#_y) {
grid-column: 1 / -1 !important;
justify-self: center !important;
max-width: 760px !important;
margin-top: 22px !important; margin-bottom: 0 !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 15px !important; font-weight: 300 !important;
line-height: 1.75 !important; color: #6b6560 !important;
text-align: center !important;
}
@media (max-width: 768px) {
body.page-id-46296 #safari-filters-wrap .chalo-listing-intro:not(#_x):not(#_y) {
font-size: 14px !important; margin-top: 18px !important;
padding-left: 4px !important; padding-right: 4px !important;
}
}
/* -- 10. START PLANNING - white text on the scrolled gold button --
A late rule (html body header.ct-header.chalo-scrolled:not(#_a)
:not(#_b):not(#_c) a.ct-menu-link) paints EVERY scrolled nav link
dark brown #2c1810 - including the CTA, which sits on gold. Needs a
longer fake-id chain to win. */
html body header.ct-header.chalo-scrolled li.ab-button > a.ct-menu-link:not(#_a):not(#_b):not(#_c):not(#_d),
html body header.ct-header.chalo-scrolled li.menu-item-45977 > a.ct-menu-link:not(#_a):not(#_b):not(#_c):not(#_d) {
color: #ffffff !important; -webkit-text-fill-color: #ffffff !important;
background: #c8a96e !important; border-color: #c8a96e !important;
}
html body header.ct-header.chalo-scrolled li.ab-button > a.ct-menu-link:not(#_a):not(#_b):not(#_c):not(#_d):hover,
html body header.ct-header.chalo-scrolled li.menu-item-45977 > a.ct-menu-link:not(#_a):not(#_b):not(#_c):not(#_d):hover {
color: #ffffff !important; -webkit-text-fill-color: #ffffff !important;
background: #b8954e !important; border-color: #b8954e !important;
}
/* ================================================================
v44o - 2026-07-13
#7 Tour meta icons rendered as empty squares
#8 Sidebar still sticky on mobile
#16 EXPLORING kicker needs breathing room
#26 Explorers Club: gold border on the CARDS, not the section
#26 Homepage hero title too large on mobile
================================================================ */
/* -- #7 TOUR META ICONS ------------------------------------------
.icon-circle is a 40px box with a gold border, but the global
"no rounded corners" rule forces border-radius:0 - so it renders
as a square, and the small line-icon inside reads as an empty box.
Drop the box entirely; show the gold icon on its own. */
body.chalo-safari-v2-page .hero-meta .icon-circle:not(#_x):not(#_y),
body.single-safari-tours .hero-meta .icon-circle:not(#_x):not(#_y) {
background: transparent !important;
border: none !important;
width: auto !important; height: auto !important;
min-width: 0 !important; min-height: 0 !important;
backdrop-filter: none !important;
}
body.chalo-safari-v2-page .hero-meta .icon-circle svg:not(#_x):not(#_y),
body.single-safari-tours .hero-meta .icon-circle svg:not(#_x):not(#_y) {
width: 22px !important; height: 22px !important;
stroke: #c8a96e !important; color: #c8a96e !important;
}
/* -- #8 SIDEBAR: NOT STICKY ON MOBILE ----------------------------
.sidebar-sticky stayed position:sticky (top:160px) at 400px, so it
rode up over the content as you scrolled. */
@media (max-width: 1100px) {
body.chalo-safari-v2-page .sidebar-sticky:not(#_x):not(#_y),
body.single-safari-tours .sidebar-sticky:not(#_x):not(#_y),
body.chalo-safari-luxury .tour-luxury-sidebar-inner:not(#_x):not(#_y) {
position: static !important; top: auto !important;
}
}
/* -- #16 CAMPS CARD KICKER --------------------------------------- */
.page-id-46466 .chalo-camp-kicker:not(#_x):not(#_y) {
margin-top: 15px !important;
}
/* -- #26 EXPLORERS CLUB: gold border on the CARDS ----------------
v44l put a 3px frame around the whole .ec-section - wrong.
The border belongs on the two expedition cards. */
body.home .ec-section:not(#_x):not(#_y) {
border: none !important;
}
body.home .ec-card:not(#_x):not(#_y) {
border: 10px solid #c8a96e !important;
box-sizing: border-box !important;
border-radius: 0 !important;
}
/* -- #26 HOMEPAGE HERO TITLE: 88px is the desktop size ----------- */
@media (max-width: 768px) {
body.home .entry-content h1:not(#_x):not(#_y) {
font-size: 46px !important; line-height: 1.1 !important;
}
}
@media (max-width: 480px) {
body.home .entry-content h1:not(#_x):not(#_y) {
font-size: 40px !important;
}
}
/* ================================================================
v44p - 2026-07-13
#5 Listing intro + gold rule below the beige bar; no hero gap
#6 Tour/acco hero meta moved below the image on mobile
#10 Mobile drawer sub-navigation
#12 Footer newsletter field centred
#13 Country pages: card line-spacing, footer whitespace
#24 Reviews: "READ THE FULL REVIEW" arrow inline
#26 Homepage: affiliations, trust section width
================================================================ */
/* -- #5 LISTING INTRO ROW (moved out of the beige bar by JS) ------ */
body.page-id-46296 #chalo-intro-row {
max-width: 760px; margin: 34px auto 0; padding: 0 24px;
text-align: center; box-sizing: border-box;
}
body.page-id-46296 #chalo-intro-row .chalo-listing-intro:not(#_x):not(#_y) {
grid-column: auto !important; justify-self: auto !important;
max-width: 100% !important; margin: 0 0 22px !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 15px !important; font-weight: 300 !important;
line-height: 1.75 !important; color: #6b6560 !important;
text-align: center !important;
}
body.page-id-46296 #chalo-intro-row hr {
border: none !important; height: 1px !important;
background: #c8a96e !important; background-image: none !important;
max-width: 80px !important; margin: 0 auto 10px !important; opacity: 1 !important;
}
/* hero sits flush against the filter bar - the spacer only held the rule */
body.page-id-46296 .chalo-spacer-collapsed:not(#_x):not(#_y) {
height: 0 !important; min-height: 0 !important;
padding: 0 !important; margin: 0 !important;
}
/* -- #6 HERO META MOVED BELOW THE IMAGE (mobile) ------------------ */
.chalo-hero-moved { background: #faf7f2; padding: 6px 20px 14px; }
.chalo-hero-moved .hero-meta:not(#_x):not(#_y) {
display: flex !important; flex-direction: column !important;
gap: 0 !important; background: transparent !important;
backdrop-filter: none !important; padding: 0 !important; margin: 0 !important;
}
.chalo-hero-moved .hero-meta-item:not(#_x):not(#_y) {
display: flex !important; align-items: center !important; gap: 12px !important;
padding: 12px 0 !important;
border-bottom: 1px solid #e8e0d6 !important;
}
.chalo-hero-moved .hero-meta-item:last-child:not(#_x) { border-bottom: none !important; }
.chalo-hero-moved .meta-label:not(#_x):not(#_y) {
color: #6b6560 !important; font-size: 10.5px !important; letter-spacing: 1px !important;
}
.chalo-hero-moved .hero-meta-item div:not(#_x) { color: #2c1810 !important; }
.chalo-hero-moved .hero-meta svg:not(#_x):not(#_y) { stroke: #c8a96e !important; }
/* -- #10 MOBILE DRAWER SUB-NAV ------------------------------------
The gold top bar + heavy spine read as a box. Quieter: a hairline
rail, indented, no background block. */
#offcanvas#offcanvas ul.sub-menu:not(#_x):not(#_y) {
border-left: 1px solid rgba(200,169,110,0.35) !important;
border-top: none !important;
background-color: transparent !important;
margin: 2px 0 14px 2px !important;
padding: 2px 0 2px 18px !important;
}
#offcanvas#offcanvas ul.sub-menu a.ct-menu-link:not(#_x):not(#_y):not(#_z) {
font-size: 13.5px !important;
color: rgba(255,255,255,0.55) !important;
-webkit-text-fill-color: rgba(255,255,255,0.55) !important;
padding: 10px 0 !important;
}
/* -- #12 FOOTER NEWSLETTER FIELD ---------------------------------- */
.custom-footer input[type="email"]:not(#_x):not(#_y),
.custom-footer .formkit-input:not(#_x):not(#_y) {
text-align: center !important;
}
.custom-footer input[type="email"]::placeholder { text-align: center; }
/* -- #13 COUNTRY PAGES -------------------------------------------- */
body.chalo-destination .dest-subdest-card p:not(#_x):not(#_y),
body.chalo-destination .dest-subdest-card .dest-subdest-desc:not(#_x):not(#_y) {
line-height: 1.45 !important;
}
body.chalo-destination .entry-content:not(#_x):not(#_y) { padding-bottom: 0 !important; }
/* -- #24 REVIEWS: arrow on the same line -------------------------- */
body.chalo-review .rvx-readmore:not(#_x):not(#_y),
.archive .rvx-readmore:not(#_x):not(#_y),
a.rvx-readmore:not(#_x):not(#_y) {
display: inline-flex !important; align-items: center !important;
gap: 8px !important; white-space: nowrap !important;
}
a.rvx-readmore svg:not(#_x), a.rvx-readmore span:not(#_x) { display: inline !important; }
/* -- #26 HOMEPAGE ------------------------------------------------- */
/* affiliations: centre + stop the intro line being clipped */
body.home .gb-layout-service-2 p:not(#_x):not(#_y) {
max-width: 100% !important; white-space: normal !important;
overflow-wrap: break-word !important; text-align: center !important;
}
/* trust section a touch wider on mobile */
@media (max-width: 768px) {
body.home .entry-content > .gb-layout-service-2:not(#_x):not(#_y) {
padding-left: 14px !important; padding-right: 14px !important;
}
body.home .entry-content img:not(#_x):not(#_y) {
max-width: 100% !important; height: auto !important;
}
}
/* ================================================================
v44q - 2026-07-13 (#26 homepage round 2)
================================================================ */
/* Subtitle + CTA row moved out of the hero (mobile) by chalo-jul13.php */
.chalo-home-hero-below {
background: #ffffff; padding: 30px 24px 34px; text-align: center;
}
.chalo-home-hero-below p:not(#_x):not(#_y) {
color: #6b6560 !important; -webkit-text-fill-color: #6b6560 !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 15px !important; font-weight: 300 !important;
font-style: italic !important; line-height: 1.7 !important;
margin: 0 auto 22px !important; max-width: 460px !important;
text-shadow: none !important;
}
.chalo-home-hero-below .wp-block-buttons:not(#_x) {
display: flex !important; flex-direction: column !important;
align-items: center !important; gap: 14px !important; margin: 0 !important;
}
.chalo-home-hero-below .wp-block-button__link:not(#_x):not(#_y) {
display: block !important; width: 100% !important; max-width: 320px !important;
box-sizing: border-box !important;
}
/* hero keeps the title only - drop the padding that made room for the rest */
@media (max-width: 768px) {
body.home .entry-content > .gb-layout-business-1 .gb-container-inside:not(#_x):not(#_y) {
padding-top: 90px !important; padding-bottom: 40px !important;
}
body.home .entry-content > .gb-layout-business-1:not(#_x):not(#_y) {
min-height: 62vh !important;
}
}
/* "Why 5,000+ Travelers Trust Us" + affiliations: give the text room */
@media (max-width: 768px) {
body.home .entry-content > .gb-layout-service-2 .gb-layout-column-wrap:not(#_x):not(#_y) {
max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important;
}
}
/* the partners gif was overflowing its column */
body.home img[src$=".gif"]:not(#_x):not(#_y),
body.home .wp-block-image img:not(#_x):not(#_y) {
max-width: 100% !important; height: auto !important;
}
body.home figure.wp-block-image:not(#_x):not(#_y) {
max-width: 100% !important; margin-left: auto !important; margin-right: auto !important;
}
/* ================================================================
v44r - 2026-07-13
#17 Offers/Camps: hero subtitle below the image; filter alignment
#23 Special offer detail: width + mobile cropping
================================================================ */
/* -- #17 subtitle moved out of the hero by chalo-jul13.php -------- */
.chalo-listing-subtitle {
background: #ffffff; padding: 26px 24px 6px; text-align: center;
}
.chalo-listing-subtitle p:not(#_x):not(#_y) {
margin: 0 auto !important; max-width: 720px !important;
color: #6b6560 !important; -webkit-text-fill-color: #6b6560 !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 14px !important; font-weight: 500 !important;
letter-spacing: 1.6px !important; text-transform: uppercase !important;
line-height: 1.7 !important; text-shadow: none !important;
}
/* -- #17 country filter sat 10px left of the other three ---------
FacetWP gives the first facet a different margin. Zero them all and
let the grid gap do the spacing. */
body.page-id-46232 .chalo-filter-row > *:not(#_x):not(#_y),
body.page-id-46232 .chalo-filter-row .facetwp-facet:not(#_x):not(#_y) {
margin-left: 0 !important; margin-right: 0 !important;
justify-self: stretch !important; width: 100% !important;
box-sizing: border-box !important;
}
body.page-id-46232 .chalo-filter-row:not(#_x):not(#_y) {
align-items: end !important;
}
/* -- #23 SPECIAL OFFER DETAIL ------------------------------------
Content column was much narrower than the "Other Special Offers"
strip below it. Match them. */
body.single-special-offer .entry-content:not(#_x):not(#_y),
body.chalo-offer .entry-content:not(#_x):not(#_y) {
max-width: 1200px !important; margin-left: auto !important; margin-right: auto !important;
}
body.single-special-offer .chalo-offer-body:not(#_x):not(#_y),
body.single-special-offer .chalo-offer-main:not(#_x):not(#_y) {
max-width: 100% !important; padding-left: 24px !important; padding-right: 24px !important;
}
/* offer detail rows were overflowing on mobile (value column ran off) */
@media (max-width: 768px) {
body.single-special-offer .chalo-offer-detail-row:not(#_x):not(#_y),
body.single-special-offer .chalo-offer-meta-row:not(#_x):not(#_y) {
display: block !important;
}
body.single-special-offer .entry-content *:not(#_x):not(#_y) {
max-width: 100% !important;
}
body.single-special-offer table:not(#_x):not(#_y) {
display: block !important; overflow-x: auto !important; width: 100% !important;
}
body.single-special-offer .chalo-offer-acco-grid:not(#_x):not(#_y) {
grid-template-columns: 1fr !important;
}
}
/* ================================================================
v44s - 2026-07-13
REVERT of the v44q homepage hero experiment (it collapsed the hero,
left a black band and a grey bar). homeHero() JS is also disabled.
Plus: hero text centring, footer subscribe field, Explorers cards.
================================================================ */
/* -- REVERT v44q hero sizing ------------------------------------- */
@media (max-width: 768px) {
body.home .entry-content > .gb-layout-business-1:not(#_a):not(#_b):not(#_c) {
min-height: 100vh !important;
}
body.home .entry-content > .gb-layout-business-1 .gb-container-inside:not(#_a):not(#_b):not(#_c) {
padding-top: 80px !important; padding-bottom: 60px !important;
}
}
/* the moved-section styling is inert now, but make sure it can never
paint a stray band if it is ever re-enabled */
.chalo-home-hero-below { background: transparent; }
/* -- hero content centred, horizontally + vertically -------------- */
body.home .entry-content > .gb-layout-business-1 .gb-container-inside:not(#_a):not(#_b) {
display: flex !important; flex-direction: column !important;
align-items: center !important; justify-content: center !important;
text-align: center !important;
}
body.home .entry-content > .gb-layout-business-1 .gb-container-content:not(#_a):not(#_b) {
margin: 0 auto !important; width: 100% !important;
}
/* -- FOOTER SUBSCRIBE FIELD: white box, light grey text ----------- */
.custom-footer input[type="email"]:not(#_a):not(#_b):not(#_c),
.custom-footer .formkit-input:not(#_a):not(#_b):not(#_c) {
background: #ffffff !important;
color: #9a9490 !important; -webkit-text-fill-color: #9a9490 !important;
border: 1px solid #ffffff !important; border-radius: 0 !important;
}
.custom-footer input[type="email"]::placeholder {
color: #b3aeaa !important; opacity: 1 !important;
}
/* -- EXPLORERS CLUB CARDS: image full width, heavier top edge ----- */
body.home .ec-card:not(#_a):not(#_b):not(#_c) {
border: 4px solid #c8a96e !important;
border-top-width: 12px !important;
box-sizing: border-box !important; overflow: hidden !important;
padding: 0 !important;
}
body.home .ec-card .ec-card-img:not(#_a):not(#_b):not(#_c),
body.home .ec-card img:not(#_a):not(#_b):not(#_c) {
display: block !important; width: 100% !important;
height: 100% !important; object-fit: cover !important;
max-width: none !important; margin: 0 !important;
}
body.home .ec-card .ec-card-link:not(#_a):not(#_b) {
display: block !important; position: relative !important;
}
/* ================================================================
v44t - 2026-07-13 HOMEPAGE HERO - actual root cause
The hero image was NOT filling the hero:
- .gb-container-image-wrap was inset inside .gb-container-inside's
80px/60px padding (top:80, height:932 in a 1072 hero) -> grey
bands above and below.
- the ![]()
itself rendered at its natural height (238px, srcset
picked a 430x237 file) instead of stretching -> black below it.
Fix: make the hero the positioning context, let the wrap cover it
edge to edge, and force the img to cover.
================================================================ */
body.home .entry-content > .gb-layout-business-1:not(#_a):not(#_b):not(#_c) {
position: relative !important;
overflow: hidden !important;
background-color: #2c1810 !important;
}
/* the padding box must not become the containing block for the image */
body.home .entry-content > .gb-layout-business-1 > .gb-container-inside:not(#_a):not(#_b):not(#_c) {
position: static !important;
}
body.home .entry-content > .gb-layout-business-1 .gb-container-image-wrap:not(#_a):not(#_b):not(#_c) {
position: absolute !important;
top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
width: 100% !important; height: 100% !important;
margin: 0 !important; padding: 0 !important;
z-index: 0 !important;
}
body.home .entry-content > .gb-layout-business-1 .gb-container-image-wrap img:not(#_a):not(#_b):not(#_c) {
position: absolute !important;
top: 0 !important; left: 0 !important;
width: 100% !important; height: 100% !important;
min-height: 100% !important; max-width: none !important;
object-fit: cover !important; object-position: center center !important;
margin: 0 !important;
}
/* content sits above the image, centred both axes */
body.home .entry-content > .gb-layout-business-1 .gb-container-content:not(#_a):not(#_b):not(#_c) {
position: relative !important; z-index: 2 !important;
margin: 0 auto !important; text-align: center !important;
}
/* ================================================================
v44u - 2026-07-13 HOMEPAGE HERO - grey bands
The image wrap was sized to .gb-container-inside's CONTENT box
(top:80, height:932 in a 1072 hero) because that element carries
80px/60px padding. Result: a grey strip above and below the image.
Move the padding off .gb-container-inside and onto the content, so
the image wrap can cover the hero edge to edge.
================================================================ */
body.home .entry-content > .gb-layout-business-1 > .gb-container-inside:not(#_a):not(#_b):not(#_c):not(#_d) {
padding: 0 !important;
min-height: 100vh !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
body.home .entry-content > .gb-layout-business-1 .gb-container-content:not(#_a):not(#_b):not(#_c):not(#_d) {
padding: 100px 24px 60px !important;
position: relative !important; z-index: 2 !important;
margin: 0 auto !important; text-align: center !important;
width: 100% !important; box-sizing: border-box !important;
}
/* ================================================================
v44v - 2026-07-13 Homepage hero: shorter on mobile
Was 100vh (~1092px) - too tall. Bring it down.
================================================================ */
@media (max-width: 768px) {
body.home .entry-content > .gb-layout-business-1:not(#_a):not(#_b):not(#_c):not(#_d) {
min-height: 68vh !important; height: auto !important;
}
body.home .entry-content > .gb-layout-business-1 > .gb-container-inside:not(#_a):not(#_b):not(#_c):not(#_d) {
min-height: 68vh !important;
}
body.home .entry-content > .gb-layout-business-1 .gb-container-content:not(#_a):not(#_b):not(#_c):not(#_d) {
padding-top: 80px !important; padding-bottom: 40px !important;
}
body.home .entry-content h1:not(#_a):not(#_b) {
font-size: 42px !important; line-height: 1.08 !important; margin-bottom: 14px !important;
}
}
@media (max-width: 480px) {
body.home .entry-content > .gb-layout-business-1:not(#_a):not(#_b):not(#_c):not(#_d),
body.home .entry-content > .gb-layout-business-1 > .gb-container-inside:not(#_a):not(#_b):not(#_c):not(#_d) {
min-height: 62vh !important;
}
body.home .entry-content h1:not(#_a):not(#_b) { font-size: 38px !important; }
}
/* ================================================================
v44w - 2026-07-13
(a) Homepage hero still 1052px tall: min-height was right (578px)
but .gb-container-content was STRETCHING to fill the flex line,
driving the hero height. Pin it to auto + centre it.
(b) Curated Safari Experiences cards: .chalo-exp-card__overlay is
absolutely positioned BELOW the image (top:245px) instead of on
top of it, so the gradient + text render as a separate grey box.
Make it cover the image, text anchored to the bottom.
================================================================ */
/* -- (a) hero height ---------------------------------------------- */
@media (max-width: 768px) {
body.home .entry-content > .gb-layout-business-1:not(#_a):not(#_b):not(#_c):not(#_d),
body.home .entry-content > .gb-layout-business-1 > .gb-container-inside:not(#_a):not(#_b):not(#_c):not(#_d) {
height: auto !important;
}
body.home .entry-content > .gb-layout-business-1 .gb-container-content:not(#_a):not(#_b):not(#_c):not(#_d) {
height: auto !important;
align-self: center !important;
flex: 0 0 auto !important;
}
}
/* -- (b) experience cards ----------------------------------------- */
body.home .chalo-exp-card:not(#_a):not(#_b):not(#_c) {
position: relative !important; display: block !important;
overflow: hidden !important;
}
body.home .chalo-exp-card .chalo-exp-card__img:not(#_a):not(#_b):not(#_c) {
display: block !important; width: 100% !important;
height: 340px !important; object-fit: cover !important; margin: 0 !important;
}
body.home .chalo-exp-card .chalo-exp-card__overlay:not(#_a):not(#_b):not(#_c) {
position: absolute !important;
top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
height: auto !important; width: auto !important;
display: flex !important; flex-direction: column !important;
justify-content: flex-end !important; align-items: flex-start !important;
padding: 24px !important;
background: linear-gradient(to top, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0.45) 38%, rgba(0,0,0,0.06) 70%, rgba(0,0,0,0) 100%) !important;
box-sizing: border-box !important;
}
body.home .chalo-exp-card .chalo-exp-card__overlay *:not(#_a):not(#_b) {
color: #ffffff !important; -webkit-text-fill-color: #ffffff !important;
text-align: left !important;
}
@media (max-width: 768px) {
body.home .chalo-exp-card .chalo-exp-card__img:not(#_a):not(#_b):not(#_c) {
height: 280px !important;
}
}
/* ================================================================
v44x - 2026-07-13
(a) The homepage hero is TWO nested GB containers: the outer
.gb-layout-business-1 and an INNER .gb-layout-hero-1 carrying
min-height:100vh (932px). Capping the outer did nothing - the
inner was driving the height. Cap the inner.
(b) .chalo-exp-card had its own 469px height while the image is
280px, so the gradient overlay ran on past the photo onto white.
Card height = image height.
================================================================ */
/* -- (a) inner hero container ------------------------------------- */
@media (max-width: 768px) {
body.home .entry-content .gb-layout-hero-1:not(#_a):not(#_b):not(#_c):not(#_d) {
min-height: 62vh !important; height: auto !important;
}
body.home .entry-content .gb-layout-hero-1 > .gb-container-inside:not(#_a):not(#_b):not(#_c):not(#_d) {
min-height: 62vh !important; height: auto !important;
}
}
/* -- (b) experience card = image height --------------------------- */
body.home .chalo-exp-card:not(#_a):not(#_b):not(#_c):not(#_d) {
height: 340px !important; min-height: 0 !important;
}
@media (max-width: 768px) {
body.home .chalo-exp-card:not(#_a):not(#_b):not(#_c):not(#_d) {
height: 280px !important;
}
}
body.home .chalo-exp-card .chalo-exp-card__img:not(#_a):not(#_b):not(#_c):not(#_d) {
height: 100% !important; width: 100% !important; object-fit: cover !important;
}
/* ================================================================
v44y - 2026-07-13 Homepage hero: black box on desktop
The INNER .gb-layout-hero-1 carries background-color:#000 (it was
the dim layer, and the image used to sit inside it). Re-parenting
the image wrap to the outer hero left that black painting ON TOP.
Make the inner containers transparent and put the legibility
gradient on the image wrap itself.
================================================================ */
body.home .entry-content .gb-layout-hero-1:not(#_a):not(#_b):not(#_c):not(#_d),
body.home .entry-content .gb-layout-hero-1 > .gb-container-inside:not(#_a):not(#_b):not(#_c):not(#_d),
body.home .entry-content > .gb-layout-business-1 > .gb-container-inside:not(#_a):not(#_b):not(#_c):not(#_d),
body.home .entry-content > .gb-layout-business-1 .gb-container-content:not(#_a):not(#_b):not(#_c):not(#_d) {
background-color: transparent !important;
background-image: none !important;
}
/* legibility gradient over the photo */
body.home .entry-content > .gb-layout-business-1 .gb-container-image-wrap:not(#_a):not(#_b):not(#_c):not(#_d)::after {
content: "" !important;
position: absolute !important; inset: 0 !important;
background: linear-gradient(180deg, rgba(0,0,0,0.30) 0%, rgba(0,0,0,0.18) 35%, rgba(0,0,0,0.35) 70%, rgba(0,0,0,0.55) 100%) !important;
pointer-events: none !important;
z-index: 1 !important;
}
body.home .entry-content > .gb-layout-business-1 .gb-container-image-wrap img:not(#_a):not(#_b):not(#_c):not(#_d) {
z-index: 0 !important;
}
/* ================================================================
v44z - 2026-07-13 Destinations listing (46287)
Card images were different heights because .dg-img is sized by the
card layout rather than pinned. Give it a fixed height so every
card matches. Also widen the grid (cards were too compact).
================================================================ */
body.page-id-46287 .dg-grid:not(#_a):not(#_b):not(#_c) {
max-width: 1320px !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 30px !important;
margin-left: auto !important; margin-right: auto !important;
}
body.page-id-46287 .dg-card:not(#_a):not(#_b):not(#_c) {
display: flex !important; flex-direction: column !important;
height: auto !important;
}
body.page-id-46287 .dg-card .dg-img:not(#_a):not(#_b):not(#_c) {
display: block !important;
width: 100% !important;
height: 230px !important; min-height: 230px !important; max-height: 230px !important;
flex: 0 0 230px !important;
background-size: cover !important; background-position: center !important;
}
body.page-id-46287 .dg-card .dg-body:not(#_a):not(#_b):not(#_c) {
display: flex !important; flex-direction: column !important;
height: auto !important; flex: 1 1 auto !important;
padding: 22px 22px 26px !important;
}
@media (max-width: 1024px) {
body.page-id-46287 .dg-grid:not(#_a):not(#_b):not(#_c) {
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media (max-width: 768px) {
body.page-id-46287 .dg-grid:not(#_a):not(#_b):not(#_c) {
grid-template-columns: 1fr !important; gap: 22px !important;
}
body.page-id-46287 .dg-card .dg-img:not(#_a):not(#_b):not(#_c) {
height: 200px !important; min-height: 200px !important; max-height: 200px !important;
flex: 0 0 200px !important;
}
}
/* ================================================================
v45a - 2026-07-13 Destinations (46287): cards were 237px wide
.entry-content on this page is capped at 900px, so the 1320px grid
could never use it. Break the grid out of the constrained column.
================================================================ */
body.page-id-46287 .entry-content:not(#_a):not(#_b):not(#_c) {
max-width: 1320px !important;
}
body.page-id-46287 .dg-grid:not(#_a):not(#_b):not(#_c) {
max-width: 1320px !important; width: 100% !important;
padding-left: 0 !important; padding-right: 0 !important;
}
@media (max-width: 1360px) {
body.page-id-46287 .entry-content:not(#_a):not(#_b):not(#_c) {
max-width: 100% !important;
}
}
/* ================================================================
v45b - 2026-07-13 Footer newsletter submit padding
================================================================ */
form.chalo-kit-form button.chalo-kit-submit:not(#_a):not(#_b):not(#_c) {
padding: 12px 30px !important;
}
/* ================================================================
v45c - 2026-07-13 Destinations (46287): single column
One card per row. Horizontal layout (image left / copy right) so a
full-width row does not become a stretched banner.
================================================================ */
body.page-id-46287 .dg-grid:not(#_a):not(#_b):not(#_c):not(#_d) {
grid-template-columns: 1fr !important;
max-width: 1040px !important;
gap: 26px !important;
}
body.page-id-46287 .dg-card:not(#_a):not(#_b):not(#_c):not(#_d) {
display: grid !important;
grid-template-columns: 380px 1fr !important;
align-items: stretch !important;
height: auto !important;
}
body.page-id-46287 .dg-card .dg-img:not(#_a):not(#_b):not(#_c):not(#_d) {
height: 100% !important; min-height: 240px !important; max-height: none !important;
width: 100% !important;
flex: 0 0 auto !important;
background-size: cover !important; background-position: center !important;
}
body.page-id-46287 .dg-card .dg-body:not(#_a):not(#_b):not(#_c):not(#_d) {
display: flex !important; flex-direction: column !important;
justify-content: center !important; align-items: flex-start !important;
text-align: left !important;
padding: 30px 34px !important;
}
body.page-id-46287 .dg-card .dg-body *:not(#_a):not(#_b) {
text-align: left !important;
}
@media (max-width: 768px) {
body.page-id-46287 .dg-card:not(#_a):not(#_b):not(#_c):not(#_d) {
grid-template-columns: 1fr !important;
}
body.page-id-46287 .dg-card .dg-img:not(#_a):not(#_b):not(#_c):not(#_d) {
min-height: 200px !important; height: 200px !important;
}
body.page-id-46287 .dg-card .dg-body:not(#_a):not(#_b):not(#_c):not(#_d) {
padding: 22px !important;
}
}
/* ================================================================
v45d - 2026-07-13 Destinations (46287): narrower single column
================================================================ */
body.page-id-46287 .dg-grid:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e) {
max-width: 780px !important;
gap: 22px !important;
}
body.page-id-46287 .dg-card:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e) {
grid-template-columns: 280px 1fr !important;
}
body.page-id-46287 .dg-card .dg-img:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e) {
min-height: 210px !important;
}
body.page-id-46287 .dg-card .dg-body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e) {
padding: 24px 28px !important;
}
/* ================================================================
v45e - 2026-07-13 Hero not flush to top
.site-main carries padding-top:80px on the search results page (and
the archive templates), which pushes the hero 80px down the page.
v88 already zeroed this for offer / review / accommodation / LP.
Extend it to search + archives.
(The 32-46px you sometimes see on top of this is the WP admin bar -
logged-out visitors do not have it.)
================================================================ */
body.search .site-main:not(#_a):not(#_b):not(#_c),
body.search-results .site-main:not(#_a):not(#_b):not(#_c),
body.search-no-results .site-main:not(#_a):not(#_b):not(#_c),
body.archive .site-main:not(#_a):not(#_b):not(#_c),
body.blog .site-main:not(#_a):not(#_b):not(#_c) {
padding-top: 0 !important;
}
body.search .site-main > .ct-container-full:not(#_a):not(#_b):not(#_c),
body.archive .site-main > .ct-container-full:not(#_a):not(#_b):not(#_c) {
padding-top: 0 !important;
}
/* ================================================================
v45f - 2026-07-13
#24 Reviews: "Read the full review →" arrow wrapped to its own line.
The class is .rvx-more (an earlier guess of .rvx-readmore matched
nothing, which is why the previous fix did nothing).
It is display:block at 269px, so the trailing arrow wraps.
#24 Review detail hero on mobile.
================================================================ */
a.rvx-more:not(#_a):not(#_b):not(#_c) {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
white-space: nowrap !important;
width: auto !important;
}
/* review / offer / accommodation hero must keep its image on mobile */
@media (max-width: 768px) {
body.chalo-review .chalo-page-hero:not(#_a):not(#_b):not(#_c),
body.chalo-offer .chalo-page-hero:not(#_a):not(#_b):not(#_c),
body.single-accommodation .chalo-page-hero:not(#_a):not(#_b):not(#_c) {
min-height: 300px !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
display: flex !important;
}
body.chalo-review .chalo-page-hero .chalo-review-image img:not(#_a):not(#_b),
body.chalo-offer .chalo-page-hero .chalo-offer-image img:not(#_a):not(#_b),
body.single-accommodation .chalo-page-hero .chalo-acco-image img:not(#_a):not(#_b) {
width: 100% !important; height: 100% !important;
object-fit: cover !important; display: block !important;
}
}
/* ================================================================
v45g - 2026-07-13
#16 Accommodation: .chalo-acco-info-item has border-right (a divider
between items in a row). On mobile the items STACK, so that
border runs down the right-hand edge as a stray vertical line.
Swap it for a bottom hairline below 768px.
#23 Special offer detail: widen the text content area.
================================================================ */
@media (max-width: 768px) {
body.single-accommodation .chalo-acco-info-item:not(#_a):not(#_b):not(#_c) {
border-right: none !important;
border-bottom: 1px solid rgba(200,169,110,0.35) !important;
}
body.single-accommodation .chalo-acco-info-item:last-child:not(#_a):not(#_b):not(#_c) {
border-bottom: none !important;
}
body.single-accommodation .chalo-acco-info-strip:not(#_a):not(#_b):not(#_c) {
display: flex !important; flex-direction: column !important;
}
}
/* -- #23 offer detail: match the width of "Other Special Offers" --- */
body.single-special-offer .entry-content:not(#_a):not(#_b):not(#_c):not(#_d),
body.chalo-offer .entry-content:not(#_a):not(#_b):not(#_c):not(#_d) {
max-width: 1320px !important;
}
/* ================================================================
v45h - 2026-07-13 #13 Country pages: tighten sub-destination card
copy ("Exclusive, low-density game viewing beside the Mara").
The paragraph lives in .subdest-overlay inside a.dest-subdest-card.
================================================================ */
body.chalo-destination a.dest-subdest-card .subdest-overlay p:not(#_a):not(#_b):not(#_c),
body.chalo-destination .dest-subdest-card p:not(#_a):not(#_b):not(#_c) {
line-height: 1.32 !important;
font-size: 15px !important;
margin-top: 6px !important;
}
body.chalo-destination a.dest-subdest-card .subdest-overlay h3:not(#_a):not(#_b):not(#_c) {
margin-bottom: 4px !important;
}
@media (max-width: 768px) {
body.chalo-destination a.dest-subdest-card .subdest-overlay p:not(#_a):not(#_b):not(#_c),
body.chalo-destination .dest-subdest-card p:not(#_a):not(#_b):not(#_c) {
line-height: 1.3 !important; font-size: 14px !important;
}
}
/* ================================================================
v45i - 2026-07-13 #27 FacetWP flash of old style / stale posts
The server renders the results, then ~16 facetwp-loaded handlers
re-style and re-order the cards - that restyle is the flash.
Hold the results back until the enhancements have settled.
This is a legitimate LOADING STATE, not content hiding:
- the .chalo-fwp-hiding class is added by JS, so with JS off nothing
is ever hidden;
- a hard 1800ms failsafe always reveals, so a JS error can never
leave the results blank.
================================================================ */
html.chalo-fwp-hiding .facetwp-template,
html.chalo-fwp-hiding .fwpl-layout {
opacity: 0 !important;
}
.facetwp-template,
.fwpl-layout {
transition: opacity 0.22s ease !important;
}
html:not(.chalo-fwp-hiding) .facetwp-template,
html:not(.chalo-fwp-hiding) .fwpl-layout {
opacity: 1 !important;
}
/* ================================================================
v45j - 2026-07-13 FIX v45i regression
v45i added "transition: opacity .22s" to .facetwp-template. The
opacity then never settled - the results stayed at opacity 0 even
after the hiding class was removed. This is the same stuck-transition
trap logged earlier in the project notes.
NO TRANSITION on these elements. Hard on/off only.
================================================================ */
.facetwp-template:not(#_a):not(#_b):not(#_c),
.fwpl-layout:not(#_a):not(#_b):not(#_c) {
transition: none !important;
animation: none !important;
}
html:not(.chalo-fwp-hiding) .facetwp-template:not(#_a):not(#_b):not(#_c),
html:not(.chalo-fwp-hiding) .fwpl-layout:not(#_a):not(#_b):not(#_c) {
opacity: 1 !important;
visibility: visible !important;
}
html.chalo-fwp-hiding .facetwp-template:not(#_a):not(#_b),
html.chalo-fwp-hiding .fwpl-layout:not(#_a):not(#_b) {
opacity: 0 !important;
}
/* ===== v45k (2026-07-14) — desktop regression + user-reported fixes ===== */
/* 1. Homepage destination card images — uniform height */
body.home .gb-layout-columns-4 .gb-block-layout-column-gap-3 .wp-block-image img:not(#_a):not(#_b) { height: 170px !important; width: 100% !important; object-fit: cover !important; }
/* 2. Homepage hero — kill inset nested-hero gradient box */
body.home .gb-layout-business-1 .gb-container-content .gb-layout-hero-1::before,
body.home .gb-layout-business-1 .gb-container-content .gb-layout-hero-1::after { content: none !important; background: none !important; }
/* 3. Homepage affiliations — uniform logo size, no borders */
body.home .gb-layout-columns-4 .gb-block-layout-column-gap-1 .wp-block-image:not(#_a),
body.home .gb-layout-columns-4 .gb-block-layout-column-gap-1 figure:not(#_a) { border: none !important; box-shadow: none !important; background: transparent !important; padding: 0 !important; margin: 0 auto !important; text-align: center !important; }
body.home .gb-layout-columns-4 .gb-block-layout-column-gap-1 .wp-block-image img:not(#_a):not(#_b):not(#_c) { height: 90px !important; width: auto !important; max-width: 220px !important; object-fit: contain !important; border: none !important; box-shadow: none !important; }
/* 4. Contact — meerkat image no border/shadow */
html body.page-id-439 img[src*="contact-us-meerkats"]:not(#_a):not(#_b):not(#_c):not(#_d) { border: none !important; box-shadow: none !important; outline: none !important; }
html body.page-id-439 .wp-block-image figure.aligncenter:not(#_a):not(#_b) { border: none !important; box-shadow: none !important; }
/* 5. Reviews archive — margin above first / below last card */
body.post-type-archive-reviews .entries:not(#_a) { padding-top: 30px !important; padding-bottom: 40px !important; }
/* 6. Start Planning form — wider submit, last-page labels left */
body.page-id-8795 div.wpforms-container-full .wpforms-form button[type=submit]:not(#_a):not(#_b) { min-width: 420px !important; padding-left: 80px !important; padding-right: 80px !important; }
body.page-id-8795 div.wpforms-container-full .wpforms-form .wpforms-page-6 .wpforms-field-label:not(#_a),
body.page-id-8795 div.wpforms-container-full .wpforms-form .wpforms-page-6 .wpforms-field-sublabel:not(#_a) { text-align: left !important; }
/* 7. Thank-you newsletter block */
body.page-id-8758 .ty-newsletter { background: #faf7f2; border: 1px solid #e8e0d6; border-top: 3px solid #c8a96e; max-width: 640px; margin: 40px auto; padding: 36px 40px; text-align: center; }
body.page-id-8758 .ty-newsletter__title { font-family: 'Cormorant Garamond', Georgia, serif !important; font-size: 30px !important; color: #2c1810 !important; margin: 0 0 10px !important; }
body.page-id-8758 .ty-newsletter__desc { font-family: 'Montserrat', sans-serif !important; font-size: 14px !important; font-weight: 300; color: #6b6560 !important; margin: 0 0 22px !important; }
body.page-id-8758 .ty-newsletter .formkit-input { width: 100%; max-width: 360px; padding: 12px 16px; border: 1px solid #e8e0d6; border-radius: 0; font-size: 15px; background: #fff; font-family: 'Montserrat', sans-serif; }
body.page-id-8758 .ty-newsletter .formkit-input:focus { border-color: #c8a96e; box-shadow: 0 0 0 3px rgba(200,169,110,0.1); outline: none; }
body.page-id-8758 .ty-newsletter .formkit-submit { background: #c8a96e !important; color: #fff !important; border: none; border-radius: 0; padding: 13px 40px; font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; cursor: pointer; margin-top: 12px; transition: background 0.2s ease; }
body.page-id-8758 .ty-newsletter .formkit-submit:hover { background: #b8954e !important; }
@media (max-width: 600px) { body.page-id-8758 .ty-newsletter { padding: 28px 20px; margin: 30px 16px; } body.page-id-8795 div.wpforms-container-full .wpforms-form button[type=submit]:not(#_a):not(#_b) { min-width: 0 !important; width: 100% !important; padding-left: 20px !important; padding-right: 20px !important; } }
/* ===== v45l (2026-07-14) batch 2 ===== */
/* Offers listing: intro sits below filters, centred, no gap */
body.page-id-46232 .chalo-offers-intro:not(#_a) { grid-column: 1 / -1 !important; justify-self: center !important; text-align: center !important; color: #6b6560 !important; font-family: 'Montserrat', sans-serif !important; font-size: 15px !important; font-weight: 300 !important; max-width: 800px; margin: 18px auto 0 !important; }
/* Enquiry forms on detail pages: darker, readable text */
body.single-special-offer div.wpforms-container-full .wpforms-form .wpforms-field-label:not(#_a),
body.single-accommodation div.wpforms-container-full .wpforms-form .wpforms-field-label:not(#_a),
body.single-safari-tours div.wpforms-container-full .wpforms-form .wpforms-field-label:not(#_a),
body.chalo-review div.wpforms-container-full .wpforms-form .wpforms-field-label:not(#_a) { color: #2c1810 !important; font-weight: 500 !important; }
body.single-special-offer div.wpforms-container-full .wpforms-form label:not(.wpforms-field-label):not(#_a),
body.single-accommodation div.wpforms-container-full .wpforms-form label:not(.wpforms-field-label):not(#_a),
body.single-safari-tours div.wpforms-container-full .wpforms-form label:not(.wpforms-field-label):not(#_a),
body.chalo-review div.wpforms-container-full .wpforms-form label:not(.wpforms-field-label):not(#_a) { color: #4a4340 !important; }
body.single-special-offer div.wpforms-container-full .wpforms-form input::placeholder,
body.single-accommodation div.wpforms-container-full .wpforms-form input::placeholder,
body.single-safari-tours div.wpforms-container-full .wpforms-form input::placeholder { color: #8a827c !important; }
/* Homepage Plan Your Safari CTA: watercolor tribal background restore */
html body.home #plan-your-safari-cta:not(#_a):not(#_b) { background-color: #2c1810 !important; background-image: url('../../uploads/2026/03/tribal-pattern-africa.jpg') !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; }
/* ===== v45m (2026-07-14) batch 3 ===== */
/* Destinations listing: text column stretches end to end */
body.page-id-46287 .dg-card:not(#_a) { width: 100% !important; grid-template-columns: 300px minmax(0,1fr) !important; }
body.page-id-46287 .dg-card .dg-body:not(#_a) { width: 100% !important; max-width: none !important; align-items: flex-start !important; }
body.page-id-46287 .dg-card .dg-name, body.page-id-46287 .dg-card .dg-desc, body.page-id-46287 .dg-card .dg-meta { width: 100% !important; max-width: none !important; }
/* Destination pages: Start Planning (seasonal) button — visible hover text + 40px space below */
html body.chalo-destination a.seasonal-btn:not(#_a):not(#_b):not(#_c) { margin-bottom: 40px !important; }
html body.chalo-destination a.seasonal-btn:hover:not(#_a):not(#_b):not(#_c) { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; background: #b8954e !important; }
html body.chalo-destination a.seasonal-btn:not(#_a):not(#_b):not(#_c) { -webkit-text-fill-color: currentColor; }
/* ===== v45n (2026-07-14) — destinations grid full width ===== */
body.page-id-46287 .dg-grid:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) { max-width: 1200px !important; width: 100% !important; }
@media (max-width: 900px) { body.page-id-46287 .dg-grid:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) { max-width: 100% !important; } }
/* ===== v45o (2026-07-14) — CTA tribal bg (max specificity) + darker homepage hero ===== */
html body.home #plan-your-safari-cta#plan-your-safari-cta:not(#_a):not(#_b):not(#_c):not(#_d) { background-color: #2c1810 !important; background-image: url('../../uploads/2026/03/tribal-pattern-africa.jpg') !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; }
html body.home .gb-layout-business-1 .gb-container-image-wrap::after { content: "" !important; position: absolute !important; inset: 0 !important; z-index: 1 !important; background: linear-gradient(180deg, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.42) 50%, rgba(0,0,0,0.58) 100%) !important; }
/* ===== v45p (2026-07-14) — homepage hero overlay darker (max specificity) ===== */
html body.home .gb-layout-business-1:not(#_a):not(#_b):not(#_c):not(#_d) .gb-container-image-wrap::after { content: "" !important; position: absolute !important; inset: 0 !important; z-index: 1 !important; background: linear-gradient(180deg, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.42) 50%, rgba(0,0,0,0.58) 100%) !important; }
/* ===== v45q (2026-07-14) — expedition card frame 15px/20px + darker homepage hero image ===== */
html body.home .ec-card:not(#_a):not(#_b):not(#_c):not(#_d) { border: 15px solid #c8a96e !important; border-top-width: 20px !important; box-sizing: border-box !important; overflow: hidden !important; padding: 0 !important; }
html body.home .gb-layout-business-1 img.gb-container-image:not(#_a):not(#_b) { filter: brightness(0.78) !important; }
/* ===== v45r (2026-07-14) — Beyond Africa feature cards + SB badge size ===== */
body.home .chalo-beyond-row .gb-block-layout-column { background: #fff; border: 1px solid #e8e0d6 !important; border-top: 3px solid #c8a96e !important; overflow: hidden; transition: transform .3s ease, box-shadow .3s ease; }
body.home .chalo-beyond-row .gb-block-layout-column:hover { transform: translateY(-4px); box-shadow: 0 12px 40px rgba(0,0,0,0.12); }
body.home .chalo-beyond-row .gb-block-layout-column-inner { padding: 0 !important; }
body.home .chalo-beyond-row .wp-block-image { margin: 0 !important; }
body.home .chalo-beyond-row .wp-block-image img:not(#_a):not(#_b) { width: 100% !important; height: 400px !important; object-fit: cover !important; display: block !important; transition: transform .5s ease; }
body.home .chalo-beyond-row .gb-block-layout-column:hover .wp-block-image img:not(#_a):not(#_b) { transform: scale(1.04); }
body.home .chalo-beyond-row h3 { margin: 26px 24px 10px !important; text-align: center !important; }
body.home .chalo-beyond-row h3 a:not(#_a):not(#_b):not(#_c) { text-decoration: none !important; border-bottom: none !important; box-shadow: none !important; color: #2c1810 !important; font-family: 'Cormorant Garamond', Georgia, serif !important; font-size: 30px !important; font-weight: 500 !important; }
body.home .chalo-beyond-row h3 a:hover:not(#_a):not(#_b):not(#_c) { color: #b8954e !important; }
body.home .chalo-beyond-row .dest-description { margin: 0 28px 32px !important; color: #6b6560 !important; font-size: 15px !important; line-height: 1.7 !important; }
body.home img[src*="safaribookings-cainc"]:not(#_a):not(#_b):not(#_c):not(#_d) { height: 120px !important; width: auto !important; border: none !important; box-shadow: none !important; }
@media (max-width: 768px) { body.home .chalo-beyond-row .wp-block-image img:not(#_a):not(#_b) { height: 260px !important; } }
/* ===== v45s (2026-07-14) — tour detail mobile stacking + meta strip + drawer subnav ===== */
@media (max-width: 1099px) {
html body.chalo-safari-v2-page .content-grid:not(#_a):not(#_b) { display: flex !important; flex-direction: column !important; }
html body.chalo-safari-v2-page .content-grid .sidebar-sticky:not(#_a) { order: -1 !important; position: static !important; width: 100% !important; margin: 0 0 34px !important; max-width: 100% !important; }
html body.chalo-safari-v2-page .content-grid .content-main:not(#_a) { width: 100% !important; max-width: 100% !important; }
html body.chalo-safari-v2-page .sidebar-card:not(#_a) { position: static !important; }
}
@media (max-width: 768px) {
html body.chalo-safari-v2-page .hero-meta:not(#_a):not(#_b) { background: #2c1810 !important; backdrop-filter: none !important; padding: 22px 20px !important; margin: 0 !important; width: 100% !important; box-sizing: border-box !important; }
html body.chalo-safari-v2-page .hero-meta *:not(#_a) { color: #faf7f2 !important; }
html body.chalo-safari-v2-page .hero-meta .meta-label:not(#_a):not(#_b) { color: #c8a96e !important; }
html body.chalo-safari-v2-page .hero-meta .icon-circle svg:not(#_a) { stroke: #c8a96e !important; }
body.chalo-safari-v2-page .accom-card-img:not(#_a), body.chalo-safari-v2-page .accom-card-img img:not(#_a) { width: 100% !important; max-width: 100% !important; height: auto !important; }
}
/* Mobile drawer sub-navigation — match the redesign */
html body #offcanvas .sub-menu:not(#_a) { padding: 4px 0 16px 22px !important; margin: 0 0 0 4px !important; border-left: 1px solid rgba(200,169,110,0.35) !important; background: transparent !important; }
html body #offcanvas .sub-menu li:not(#_a) { border: none !important; }
html body #offcanvas .sub-menu li .ct-menu-link:not(#_a):not(#_b) { font-family: 'Montserrat', sans-serif !important; font-size: 12.5px !important; font-weight: 400 !important; letter-spacing: 1.8px !important; text-transform: uppercase !important; color: rgba(250,247,242,0.72) !important; -webkit-text-fill-color: rgba(250,247,242,0.72) !important; padding: 10px 0 !important; }
html body #offcanvas .sub-menu li .ct-menu-link:hover:not(#_a):not(#_b), html body #offcanvas .sub-menu li.current-menu-item .ct-menu-link:not(#_a):not(#_b) { color: #c8a96e !important; -webkit-text-fill-color: #c8a96e !important; }
/* ===== v45t (2026-07-14) — special-offer detail mobile full-bleed + acco cards + info divider ===== */
@media (max-width: 767px) {
html body.chalo-offer .chalo-page-hero:not(#_a):not(#_b), html body.single-special-offer .chalo-page-hero:not(#_a):not(#_b),
html body.chalo-offer .chalo-offer-enquire:not(#_a):not(#_b), html body.single-special-offer .chalo-offer-enquire:not(#_a):not(#_b),
html body.chalo-offer .chalo-offer-related:not(#_a):not(#_b), html body.single-special-offer .chalo-offer-related:not(#_a):not(#_b) { width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: 0 !important; box-sizing: border-box !important; }
html body.single-special-offer .chalo-offer-enquire:not(#_a), html body.chalo-offer .chalo-offer-enquire:not(#_a),
html body.single-special-offer .chalo-offer-related:not(#_a), html body.chalo-offer .chalo-offer-related:not(#_a) { padding-left: 20px !important; padding-right: 20px !important; }
html body.single-special-offer .chalo-offer-enquire > *:not(#_a), html body.chalo-offer .chalo-offer-enquire > *:not(#_a) { max-width: 480px !important; margin-left: auto !important; margin-right: auto !important; }
html body.single-special-offer .chalo-offer-related > *:not(#_a), html body.chalo-offer .chalo-offer-related > *:not(#_a) { margin-left: auto !important; margin-right: auto !important; }
html body.single-special-offer .chalo-offer-acco-card:not(#_a):not(#_b), html body.chalo-offer .chalo-offer-acco-card:not(#_a):not(#_b) { display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; overflow: visible !important; margin: 0 auto 24px !important; }
html body.single-special-offer .chalo-offer-acco-card .chalo-offer-acco-img:not(#_a), html body.chalo-offer .chalo-offer-acco-card .chalo-offer-acco-img:not(#_a) { width: 100% !important; height: auto !important; flex: none !important; }
html body.single-special-offer .chalo-offer-acco-card .chalo-offer-acco-img img:not(#_a), html body.chalo-offer .chalo-offer-acco-card .chalo-offer-acco-img img:not(#_a) { width: 100% !important; height: auto !important; }
html body.single-special-offer .chalo-offer-acco-card > *:not(#_a), html body.chalo-offer .chalo-offer-acco-card > *:not(#_a) { width: 100% !important; max-width: 100% !important; padding-top: 0 !important; }
html body.single-accommodation .chalo-acco-info-item:not(#_a):not(#_b) { border-right: 0 !important; }
}
/* ===== v45u (2026-07-14) — offer mobile full-bleed (8-chain) + video frame ===== */
@media (max-width: 767px) {
html body.single-special-offer .chalo-page-hero:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h),
html body.single-special-offer .chalo-offer-enquire:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h),
html body.single-special-offer .chalo-offer-related:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: 0 !important; box-sizing: border-box !important; }
html body.single-special-offer .chalo-offer-enquire:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h),
html body.single-special-offer .chalo-offer-related:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) { padding-left: 20px !important; padding-right: 20px !important; }
html body.single-special-offer .chalo-offer-acco-card:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) { width: 100% !important; max-width: 100% !important; }
}
html body.single-accommodation .chalo-acco-video iframe:not(#_a):not(#_b), html body.single-accommodation .chalo-acco-video-frame:not(#_a):not(#_b) { width: 100% !important; aspect-ratio: 16 / 9 !important; height: auto !important; border: 0 !important; display: block !important; }
/* ===== v45v (2026-07-14) — Smita featured tour section + listing hero gap ===== */
body.page-id-46296 .gb-block-container.gb-layout-hero-1:not(#_a):not(#_b) { margin-bottom: 0 !important; }
body.home .chalo-featured-tour { background: #faf7f2; padding: 70px 5%; }
body.home .chalo-featured-tour .cft-inner { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: minmax(0,46%) minmax(0,1fr); gap: 54px; align-items: center; }
body.home .chalo-featured-tour .cft-img img:not(#_a):not(#_b) { width: 100% !important; height: 430px !important; object-fit: cover !important; display: block !important; }
body.home .chalo-featured-tour .cft-img a { display: block; overflow: hidden; }
body.home .chalo-featured-tour .cft-img img { transition: transform .5s ease; }
body.home .chalo-featured-tour:hover .cft-img img { transform: scale(1.03); }
body.home .chalo-featured-tour .cft-kicker:not(#_a) { font-family: 'Montserrat', sans-serif !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 2.2px !important; text-transform: uppercase !important; color: #c8a96e !important; margin: 0 0 14px !important; }
body.home .chalo-featured-tour .cft-title { margin: 0 0 18px !important; }
body.home .chalo-featured-tour .cft-title a:not(#_a):not(#_b):not(#_c) { font-family: 'Cormorant Garamond', Georgia, serif !important; font-size: 38px !important; font-weight: 500 !important; line-height: 1.2 !important; color: #2c1810 !important; text-decoration: none !important; border-bottom: none !important; }
body.home .chalo-featured-tour .cft-title a:hover:not(#_a):not(#_b):not(#_c) { color: #b8954e !important; }
body.home .chalo-featured-tour .cft-desc:not(#_a) { font-family: 'Montserrat', sans-serif !important; font-size: 16px !important; font-weight: 300 !important; line-height: 1.75 !important; color: #6b6560 !important; margin: 0 0 16px !important; }
body.home .chalo-featured-tour .cft-meta:not(#_a) { font-family: 'Montserrat', sans-serif !important; font-size: 13px !important; font-weight: 500 !important; letter-spacing: 0.5px !important; color: #4a4340 !important; margin: 0 0 26px !important; }
body.home .chalo-featured-tour .cft-cta a:not(#_a):not(#_b):not(#_c) { display: inline-block !important; background: #c8a96e !important; color: #fff !important; -webkit-text-fill-color: #fff !important; border: none !important; border-radius: 0 !important; padding: 15px 44px !important; font-family: 'Montserrat', sans-serif !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 2px !important; text-transform: uppercase !important; text-decoration: none !important; transition: background .2s ease, transform .2s ease; }
body.home .chalo-featured-tour .cft-cta a:hover:not(#_a):not(#_b):not(#_c) { background: #b8954e !important; transform: translateY(-2px); }
@media (max-width: 850px) { body.home .chalo-featured-tour { padding: 50px 20px; } body.home .chalo-featured-tour .cft-inner { grid-template-columns: 1fr; gap: 28px; } body.home .chalo-featured-tour .cft-img img:not(#_a):not(#_b) { height: 250px !important; } body.home .chalo-featured-tour .cft-title a:not(#_a):not(#_b):not(#_c) { font-size: 30px !important; } }
/* ===== v45w (2026-07-14) — featured tour: nested in klipklop wrapper, full-bleed, centred ===== */
body.home .klipklop-section .chalo-featured-tour:not(#_a):not(#_b) { grid-column: 1 / -1 !important; width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-top: 60px !important; box-sizing: border-box !important; }
body.home .chalo-featured-tour .cft-body:not(#_a) { text-align: center !important; }
body.home .chalo-featured-tour .cft-title { text-align: center !important; }
/* ===== v45x (2026-07-14) — featured tour on its own flex row, full width ===== */
body.home .klipklop-section:not(#_a) { flex-wrap: wrap !important; }
body.home .klipklop-section .chalo-featured-tour:not(#_a):not(#_b) { flex: 0 0 100vw !important; max-width: 100vw !important; }
/* ===== v45y (2026-07-14, post-cutover) — homepage container flush + nav CTA pill ===== */
html body.home .ct-container-full:not(#_a):not(#_b) { padding-top: 0 !important; padding-bottom: 0 !important; }
html body header.ct-header [data-row]:not(#_a) { --height: 90px; min-height: 90px !important; }
html body header.ct-header li.ab-button:not(#_a):not(#_b) { display: flex !important; align-items: center !important; }
html body header.ct-header li.ab-button > a.ct-menu-link:not(#_a):not(#_b):not(#_c) { padding: 13px 32px !important; height: auto !important; align-self: center !important; line-height: 1.4 !important; }
/* ===== v45z (2026-07-14, post-launch) — container flush GLOBALLY + CTA li box kill + header height ===== */
html body .ct-container-full:not(#_a):not(#_b) { padding-top: 0 !important; padding-bottom: 0 !important; }
html body header.ct-header li.ab-button:not(#_a):not(#_b):not(#_c) { background: transparent !important; height: auto !important; min-height: 0 !important; padding: 0 !important; box-shadow: none !important; }
html body header.ct-header [data-row]:not(#_a):not(#_b) { --height: 90px; min-height: 90px !important; max-height: 90px !important; padding-top: 0 !important; padding-bottom: 0 !important; }
/* ===== v46a (2026-07-14) — search results hero legibility ===== */
html body.search .hero-section:not(#_a):not(#_b) { box-shadow: inset 0 0 0 100vh rgba(0,0,0,0.45) !important; }
/* ===== v46b (2026-07-14) — post-launch batch 2 ===== */
/* Archive/taxonomy container flush (ct-container had 60px pads: white bands + footer gaps on location/experiences/archives) */
html body .site-main > .ct-container:not(#_a):not(#_b) { padding-top: 0 !important; padding-bottom: 0 !important; }
/* Footer Contact column — tighter rhythm */
html body .chalo-custom-footer p:not(#_a), html body .custom-footer p:not(#_a) { margin-bottom: 8px !important; line-height: 1.6 !important; }
html body .chalo-custom-footer h4:not(#_a), html body .custom-footer h4:not(#_a) { margin-bottom: 14px !important; }
/* Destinations grid: narrower cards, wider imagery */
body.page-id-46287 .dg-grid:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) { max-width: 980px !important; }
body.page-id-46287 .dg-card:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) { grid-template-columns: 400px minmax(0,1fr) !important; }
body.page-id-46287 .dg-card .dg-img:not(#_a) { min-height: 260px !important; }
body.page-id-46287 .dg-card .dg-img img:not(#_a) { width: 100% !important; height: 100% !important; object-fit: cover !important; }
/* Location/park pages: brand link colour (teal legacy) */
html body.chalo-location a:not(.gb-button):not(.ct-menu-link):not([class*="btn"]):not(#_a):not(#_b) { color: #a37b1e !important; }
html body.chalo-location a:hover:not(.gb-button):not(.ct-menu-link):not([class*="btn"]):not(#_a):not(#_b) { color: #b8954e !important; }
/* ===== v46c (2026-07-14) — tours listing filter grid tidy ===== */
body.page-id-46296 #safari-filters-wrap > p:not(#_a):not(#_b),
body.page-id-46296 #safari-filters-wrap .facetwp-slider-label:not(#_a),
body.page-id-46296 #safari-filters-wrap .facetwp-slider-reset:not(#_a),
body.page-id-46296 #safari-filters-wrap .facetwp-type-slider .facetwp-slider-wrap:not(#_a) { display: none !important; }
body.page-id-46296 #safari-filters-wrap .facetwp-type-slider:not(#_a):not(#_b) { height: auto !important; min-height: 0 !important; }
body.page-id-46296 #safari-filters-wrap .facetwp-type-slider select:not(#_a):not(#_b) { display: block !important; width: 100% !important; height: 44px !important; padding: 0 36px 0 14px !important; border: 1px solid #e8e0d6 !important; border-radius: 0 !important; background-color: #fff !important; font-family: 'Montserrat', sans-serif !important; font-size: 14px !important; color: #4a4340 !important; appearance: none !important; -webkit-appearance: none !important; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23c8a96e' stroke-width='2'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 14px center !important; }