.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Fraunces";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Instrument Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"EB Garamond";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Instrument Sans";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-family:"Instrument Sans", Sans-serif;text-decoration:none;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* Kept from The Post Grid (deactivated 6 Oct 2026) so the site looks and behaves exactly as before */
img, svg { vertical-align: middle; }
a:link, a:visited { transition: all .31s ease; }

/* Accessibility (7 Oct 2026): keep the header Search button's label readable by screen readers on mobile/tablet, visually unchanged */
@media (max-width: 1180px) { .xpf-hbtn__label { display: inline !important; position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; } }

/* Brand orange darkened for accessibility (7 Oct 2026): header search/finder plugin colours */
.xpf-root.xpf-root { --xpf-orange: #BB4625; --xpf-orange-dk: #9B4024; }

/* Brand orange darkened for accessibility (7 Oct 2026): overrides for colours defined in must-use plugin CSS (not editable from WP admin). Old #D75A37 -> #BB4625, hover #C04F2D -> #9B4024. */
html:root { --xperience-btn-orange: #BB4625; }
html body .xpf-root mark { background-color: rgba(187, 70, 37, 0.16); box-shadow: rgba(187, 70, 37, 0.55) 0px 1px 0px; }
@media (max-width: 1024px) { html body .xperience-header-pill .elementor-element-1e5b445 nav.elementor-nav-menu--dropdown .elementor-item:hover, html body .xperience-header-pill .elementor-element-1e5b445 nav.elementor-nav-menu--dropdown .elementor-item:focus, html body .xperience-header-pill .elementor-element-1e5b445 nav.elementor-nav-menu--dropdown .elementor-item:focus-visible, html body .xperience-header-pill .elementor-element-1e5b445 nav.elementor-nav-menu--dropdown .elementor-item.highlighted, html body .xperience-header-pill .elementor-element-1e5b445 nav.elementor-nav-menu--dropdown .elementor-item.elementor-item-active, html body .xperience-header-pill .elementor-element-1e5b445 nav.elementor-nav-menu--dropdown .elementor-sub-item:hover, html body .xperience-header-pill .elementor-element-1e5b445 nav.elementor-nav-menu--dropdown .elementor-sub-item:focus, html body .xperience-header-pill .elementor-element-1e5b445 nav.elementor-nav-menu--dropdown .elementor-sub-item:focus-visible, html body .xperience-header-pill .elementor-element-1e5b445 nav.elementor-nav-menu--dropdown .elementor-sub-item.highlighted, html body .xperience-header-pill .elementor-element-1e5b445 nav.elementor-nav-menu--dropdown .elementor-sub-item.elementor-item-active, html body .xperience-header-pill .elementor-element-1e5b445 nav.elementor-nav-menu--dropdown .current-menu-item > .elementor-item, html body .xperience-header-pill .elementor-element-1e5b445 nav.elementor-nav-menu--dropdown .current-menu-item > .elementor-sub-item, html body .xperience-header-pill .elementor-element-1e5b445 nav.elementor-nav-menu--dropdown a.elementor-item.current, html body .xperience-header-pill .elementor-element-1e5b445 nav.elementor-nav-menu--dropdown a.elementor-sub-item.current { color: rgb(187, 70, 37) !important; background-color: rgba(187, 70, 37, 0.1) !important; } }
html body .xperience-header-pill .elementor-nav-menu--main .elementor-item:hover { color: rgb(187, 70, 37) !important; }
html body .xperience-header-pill .elementor-nav-menu--main .elementor-item.elementor-item-active { color: rgb(187, 70, 37) !important; }
html body .xperience-header-pill .elementor-nav-menu--main .sub-menu.elementor-nav-menu--dropdown .elementor-sub-item:hover, html body .xperience-header-pill .elementor-nav-menu--main .sub-menu.elementor-nav-menu--dropdown .elementor-sub-item:focus, html body .xperience-header-pill .elementor-nav-menu--main .sub-menu.elementor-nav-menu--dropdown .elementor-sub-item:focus-visible, html body .xperience-header-pill .elementor-nav-menu--main .sub-menu.elementor-nav-menu--dropdown .elementor-sub-item.highlighted, html body .xperience-header-pill .elementor-nav-menu--main .sub-menu.elementor-nav-menu--dropdown .elementor-sub-item.elementor-item-active, html body .xperience-header-pill .elementor-nav-menu--main .sub-menu.elementor-nav-menu--dropdown .current-menu-item > .elementor-sub-item, html body .xperience-header-pill .elementor-nav-menu--main .sub-menu.elementor-nav-menu--dropdown a.elementor-sub-item.current { color: rgb(187, 70, 37) !important; background-color: rgba(187, 70, 37, 0.1) !important; }
html body .xperience-header-pill .elementor-button, html body .xperience-header-pill .elementor-button-link { background-color: rgb(187, 70, 37) !important; border-top-color: rgb(187, 70, 37) !important; border-right-color: rgb(187, 70, 37) !important; border-bottom-color: rgb(187, 70, 37) !important; border-left-color: rgb(187, 70, 37) !important; }
html body .xperience-footer-links .elementor-icon-list-item a:hover { color: rgb(187, 70, 37) !important; }
html body .xperience-hero-cta .elementor-button, html body .xperience-hero-content .elementor-element-a249510 .elementor-button { background-color: rgb(187, 70, 37) !important; }
html body .xperience-quiz-option input:checked + span, html body .xperience-quiz-option input:focus-visible + span { border-top-color: rgb(187, 70, 37); border-right-color: rgb(187, 70, 37); border-bottom-color: rgb(187, 70, 37); border-left-color: rgb(187, 70, 37); background-color: rgba(187, 70, 37, 0.07); box-shadow: rgba(187, 70, 37, 0.12) 0px 0px 0px 2px inset; }
html body .xperience-quiz-btn--primary { background-color: rgb(187, 70, 37); }
html body .xperience-video-play-btn { color: rgb(187, 70, 37); }
html body .xperience-fruitful-btn--primary:hover, html body .xperience-fruitful-btn--primary:focus-visible, html body .elementor-button:hover, html body .elementor-button:focus-visible, html body .elementor-button-link:hover, html body .elementor-button-link:focus-visible, html body a.xperience-tour-card-cta:hover, html body a.xperience-tour-card-cta:focus-visible, html body a.xperience-guides-scroll-cta:hover, html body a.xperience-guides-scroll-cta:focus-visible, html body a.xperience-guide-card-cta:hover, html body a.xperience-guide-card-cta:focus-visible, html body a.xperience-diff-cta:hover, html body a.xperience-diff-cta:focus-visible, html body a.xperience-logistics-cta:hover, html body a.xperience-logistics-cta:focus-visible, html body a.xperience-about-why-cta:hover, html body a.xperience-about-why-cta:focus-visible, html body a.xperience-about-lola-cta:hover, html body a.xperience-about-lola-cta:focus-visible, html body .xperience-tour-cta--primary:hover, html body .xperience-tour-cta--primary:focus-visible, html body button.xperience-quiz-btn--primary:hover:not(:disabled), html body button.xperience-quiz-btn--primary:focus-visible:not(:disabled) { background-color: rgb(187, 70, 37) !important; }
html body .xperience-hero-cta .elementor-button:hover, html body .xperience-hero-cta .elementor-button:focus-visible, html body .xperience-hero-content .elementor-element-a249510 .elementor-button:hover, html body .xperience-hero-content .elementor-element-a249510 .elementor-button:focus-visible, html body .xperience-header-pill .elementor-button:hover, html body .xperience-header-pill .elementor-button:focus-visible, html body .xperience-header-pill .elementor-button-link:hover, html body .xperience-header-pill .elementor-button-link:focus-visible, html body .xperience-sticky-cta-bar .elementor-button:hover, html body .xperience-sticky-cta-bar .elementor-button:focus-visible, html body .xperience-main-footer .elementor-button:hover, html body .xperience-main-footer .elementor-button:focus-visible, html body .elementor-26 .elementor-element.elementor-element-a249510 .elementor-button:hover, html body .elementor-26 .elementor-element.elementor-element-a249510 .elementor-button:focus-visible { background-color: rgb(187, 70, 37) !important; }
html body .xperience-about-guide-fan-card:hover, html body .xperience-about-guide-fan-card:focus, html body .xperience-about-guide-fan-card:focus-visible { border-top-color: rgb(187, 70, 37); border-right-color: rgb(187, 70, 37); border-bottom-color: rgb(187, 70, 37); border-left-color: rgb(187, 70, 37); box-shadow: rgba(187, 70, 37, 0.22) 0px 28px 64px; }
html body .xperience-about-guide-fan-card:hover .xperience-about-guide-fan-media, html body .xperience-about-guide-fan-card:focus .xperience-about-guide-fan-media, html body .xperience-about-guide-fan-card:focus-visible .xperience-about-guide-fan-media { box-shadow: rgb(187, 70, 37) 0px 0px 0px 3px; }
html body .xperience-about-guide-fan-more { color: rgb(187, 70, 37); border-top-color: rgba(187, 70, 37, 0.22); border-right-color: rgba(187, 70, 37, 0.22); border-bottom-color: rgba(187, 70, 37, 0.22); border-left-color: rgba(187, 70, 37, 0.22); box-shadow: rgba(187, 70, 37, 0.14) 0px 8px 24px; }
html body .xperience-guide-card-cta { background-color: rgb(187, 70, 37); }
html body .xperience-about-why-accent { color: rgb(187, 70, 37); }
html body .xperience-about-why-item-title { color: rgb(187, 70, 37); }
html body .xperience-about-why-cta { background-color: rgb(187, 70, 37); }
html body .xperience-guide-card-kicker { color: rgb(187, 70, 37); }
html body .xperience-guides-scroll-cta { background-color: rgb(187, 70, 37); }
html body .xperience-video-testimonial-card { background-color: rgb(187, 70, 37); box-shadow: rgba(187, 70, 37, 0.18) 0px 18px 48px; }
html body .xperience-google-badge-stars { color: rgb(187, 70, 37); }
html body .xperience-tour-nav-link:hover, html body .xperience-tour-nav-link.is-active { border-bottom-color: rgb(187, 70, 37); }
html body .xperience-tour-section-title .xperience-tour-accent { color: rgb(187, 70, 37); }
html body .xperience-tour-map-pin.is-active .xperience-tour-map-pin__badge { background-color: rgb(187, 70, 37); border-top-color: rgb(187, 70, 37); border-right-color: rgb(187, 70, 37); border-bottom-color: rgb(187, 70, 37); border-left-color: rgb(187, 70, 37); }
html body .xperience-tour-itinerary-item.is-active .xperience-tour-itinerary-marker { background-color: rgb(187, 70, 37); }
html body .xperience-tour-itinerary-item.is-active .xperience-tour-itinerary-title, html body .xperience-tour-meeting.is-active .xperience-tour-meeting-label { color: rgb(187, 70, 37); }
html body.elementor-page-29 .xperience-tour-section--surface-green .xperience-quiz-contact-fallback a:hover, html body.elementor-page-29 .xperience-tour-section--surface-green .xperience-quiz-contact-fallback a:focus-visible { color: rgb(187, 70, 37); }
html body .xperience-contact-actions .xperience-quiz-btn { background-color: rgb(187, 70, 37); }

/* Mobile: stop sideways page wobble (Oct 2026) */
html, body { overscroll-behavior-x: none; }
body { overflow-x: hidden; overflow-x: clip; }
.xperience-about-guides-fan, .abwc-carousel, .elementor-element-gst01, .elementor-element-d60de86 { overscroll-behavior-x: contain; }


/* Accessibility contrast fixes Oct 2026 (WCAG AA 4.5:1 for small text) */
html body .elementor-element-3a0c915 .elementor-icon-list-item:not(.is-active) .elementor-icon-list-text,
html body .elementor-element-9117215 .elementor-icon-list-item:not(.is-active) .elementor-icon-list-text,
html body .elementor-element-c261575 .elementor-icon-list-item:not(.is-active) .elementor-icon-list-text,
html body .elementor-element-509ad56 .elementor-icon-list-item:not(.is-active) .elementor-icon-list-text,
html body .elementor-element-eca79bd .elementor-icon-list-item:not(.is-active) .elementor-icon-list-text{color:#595959 !important}
/* Lola: in-text "FAQs" link on beige (4.29 -> 5.46) */
html body .elementor-1173 .elementor-element.elementor-element.elementor-element-93b52e1 a{color:#9B4024 !important}
html body .elementor-1173 .elementor-element.elementor-element.elementor-element-93b52e1 a:hover, html body .elementor-1173 .elementor-element.elementor-element.elementor-element-93b52e1 a:focus-visible{color:#7A3018 !important}
/* Contact page green panel: WhatsApp/Email labels (75% opacity) and Step labels (72% cream) */
html body .elementor-28 .elementor-element-1bcfc1c .elementor-icon-box-title, html body .elementor-28 .elementor-element-1c0417e .elementor-icon-box-title{opacity:1 !important}
html body .elementor-28 .elementor-element-eaaaf10 .elementor-heading-title, html body .elementor-28 .elementor-element-d832e0e .elementor-heading-title, html body .elementor-28 .elementor-element-f83c2a5 .elementor-heading-title{color:rgba(245,241,235,.92) !important}

/* Tour pages, phones: image widgets in these sections collapsed to ~1px until the real photo loaded, so the text below slid up over the image. Pin them to full width so their height comes from the 16:9/card ratio, not the lazy-load placeholder. (Oct 14) */
@media (max-width:767px){:is(body.page-id-2811,body.page-id-2653,body.page-id-2325,body.page-id-2149,body.page-id-1173,body.page-id-31,body.page-id-30,body.page-id-29,body.page-id-3250,body:has(#itinerary)) :is(#overview,#highlights,#reviews,#get-ready) .elementor-widget-image{align-self:stretch !important;width:100% !important;max-width:100% !important;flex-shrink:0 !important}}

/* Home + About card photos, phones: same collapse as the tour pages (photo overlapped/cropped on iPhone 14, Pixel 9). Pastel R3, Oct 16 */
@media (max-width:767px){:is(.elementor-element-tc1i,.elementor-element-tc2i,.elementor-element-tc3i,.elementor-element-dfp01,.elementor-element-ab9c1i,.elementor-element-ab9c2i,.elementor-element-ab9c3i).elementor-widget-image{align-self:stretch !important;width:100% !important;max-width:100% !important;flex-shrink:0 !important}}
/* Guide cards: Icon List widgets with class xp-guide-meta. The default house and globe icons are drawn in the original thin outline style. Any other icon chosen in the widget shows as normal. */
.xp-guide-meta svg.e-fas-home{--xp-gm:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11.5 12 4l9 7.5'/%3E%3Cpath d='M5.5 10.5V20h13v-9.5'/%3E%3C/svg%3E");}
.xp-guide-meta svg.e-fas-globe{--xp-gm:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18'/%3E%3Cpath d='M12 3c2.6 2.6 2.6 15.4 0 18M12 3c-2.6 2.6-2.6 15.4 0 18'/%3E%3C/svg%3E");}
.xp-guide-meta svg.e-fas-home,.xp-guide-meta svg.e-fas-globe{background-color:var(--xp-guide-icon,#BB4625);-webkit-mask:var(--xp-gm) center/contain no-repeat;mask:var(--xp-gm) center/contain no-repeat;}
.xp-guide-meta svg.e-fas-home path,.xp-guide-meta svg.e-fas-globe path{fill:transparent;}

/* xp-getready-play-mobile: on phones and small tablets the Get Ready video cards are short, so the
   centred 64px play disc sat on top of the green caption. Lift and shrink it. */
@media (max-width:900px){:is(body:has(#itinerary)) #get-ready .elementor-widget-image a::after{top:36% !important;width:52px !important;height:52px !important;background-size:22px auto !important}}

/* Mobile hero photos: a native Image Carousel widget (class xp-mhero-carousel),
   hidden on desktop and tablet, filling the hero behind the text on phones.
   Edit the photos in the widget's Content > Image Carousel > Add Images. */
.elementor .elementor-widget-image-carousel.xp-mhero-carousel{position:absolute !important;inset:0 !important;width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important;z-index:0;pointer-events:none;background:#2b2a27;overflow:hidden}
.xp-mhero-carousel .elementor-widget-container,.xp-mhero-carousel .elementor-image-carousel-wrapper,.xp-mhero-carousel .swiper-wrapper,.xp-mhero-carousel .swiper-slide,.xp-mhero-carousel .swiper-slide-inner{height:100% !important;margin:0 !important}
.xp-mhero-carousel img.swiper-slide-image{display:block;width:100% !important;height:100% !important;max-width:none !important;object-fit:cover}
.xp-mhero-carousel::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.42);z-index:2;pointer-events:none}
.elementor-editor-active .elementor .elementor-widget-image-carousel.xp-mhero-carousel{pointer-events:auto}
@media (max-width:767px){
.elementor .e-con:has(> .xp-mhero-carousel, > .e-con-inner > .xp-mhero-carousel){background-image:none !important}
.elementor .e-con:has(> .xp-mhero-carousel, > .e-con-inner > .xp-mhero-carousel) > .elementor-background-video-container{display:none !important}
}

/* About hero photos: native Image Carousel widget (class xp-about-hero-carousel)
   stacked behind the hero text on every screen size. Edit the photos in the
   widget's Content > Image Carousel > Add Images. */
.elementor .elementor-widget-image-carousel.xp-about-hero-carousel{grid-area:1 / 1;position:relative;width:100% !important;max-width:none !important;margin:0 !important;z-index:0;overflow:hidden;background:#1a1a1a;align-self:stretch}
.xp-about-hero-carousel .elementor-widget-container,.xp-about-hero-carousel .elementor-image-carousel-wrapper,.xp-about-hero-carousel .swiper-wrapper,.xp-about-hero-carousel .swiper-slide,.xp-about-hero-carousel .swiper-slide-inner{height:100% !important;margin:0 !important}
.xp-about-hero-carousel .elementor-image-carousel-wrapper{position:absolute !important;inset:0}
.xp-about-hero-carousel img.swiper-slide-image{display:block;width:100% !important;height:100% !important;max-width:none !important;object-fit:cover;object-position:center}/* End custom CSS */