/* Cambodia Handbook 4.1 — approved rounded visual direction. */ body { --ch-paper: #f8f7f2; --ch-ink: #172b2c; --ch-forest: #174d50; --ch-mist: #dce9dd; --ch-border: #d5dcd5; --ch-radius: 24px; color: var(--ch-ink); font-family: Outfit, "Kantumruy Pro", system-ui, sans-serif; } body.wp-child-theme-cambodia-handbook-theme :where(.ch-header,main,.ch-site-footer,.ch-search-overlay,.ch-mobile-nav), body.wp-child-theme-cambodia-handbook-theme :where(.ch-header,main,.ch-site-footer,.ch-search-overlay,.ch-mobile-nav) :where(*) { font-family: Outfit, "Kantumruy Pro", system-ui, sans-serif !important; } body.wp-child-theme-cambodia-handbook-theme :is([lang="km"],.ch-destination-hero__khmer), body.wp-child-theme-cambodia-handbook-theme :is([lang="km"],.ch-destination-hero__khmer) :where(*) { font-family: "Kantumruy Pro", sans-serif !important; letter-spacing: 0; } body :is(h1,h2,h3,h4) { letter-spacing: -.045em; } body :is(a,a:hover,a:focus) { text-decoration: none !important; } body a:focus-visible { outline: 3px solid #d6aa4f; outline-offset: 4px; } /* Warm paper, rounded navigation and a recognisable teal/gold accent. */ body .ch-header { background: #fffdf8; border-color: var(--ch-border); } body .ch-header-search { border-radius: 50%; } body .ch-primary-nav a:hover, body .ch-primary-nav .current-menu-item > a, body .ch-text-link:hover { color: #0b7474; } body .ch-site-footer { background: #e9ede8; border-color: var(--ch-border); } /* The homepage hero combines one editorial panel with a true photographic panel. */ body .ch-home-hero { min-height: 650px; margin: 22px 24px 0; border-radius: 32px; background: #0d373a; } body .ch-home-hero .ch-modern-hero-image { z-index: 0; left: auto; right: 0; width: 46%; object-position: center; } body .ch-home-hero::after { z-index: 0; background: linear-gradient(90deg,#0d373a 0%,#0d373a 50%,#0d373a99 61%,transparent 75%); } body .ch-home-hero__inner { position: relative; z-index: 1; padding: clamp(70px,7vw,110px) 0 75px; } body .ch-home-hero h1 { font-size: clamp(3.7rem,5.5vw,5.5rem); line-height: 1.02; max-width: 11ch; } body .ch-home-hero .ch-kicker { color: #e8d39b; } body .ch-home-hero__intro { max-width: 36rem; font-size: clamp(1.05rem,1.7vw,1.3rem); } body .ch-home-hero .ch-home-search { max-width: 34rem; } body .ch-home-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; } body :is(.ch-home-button,.ch-button,.ch-save-control,.ch-trip-finder__actions button,.ch-search-form button) { border-radius: 999px; } body .ch-home-hero .ch-home-button { background: #d6aa4f; border-color: #d6aa4f; color: #172b2c; } body .ch-home-hero .ch-home-button:hover { background: #f1d998; border-color: #f1d998; color: #172b2c; } body .ch-home-hero .ch-home-button--secondary { background: transparent; border-color: #ffffff8c; color: #fff; } body .ch-home-hero .ch-home-button--secondary:hover { background: #ffffff1c; color: #fff; } /* The destination tiles sit on a dark section, but their new paper surfaces need ink rather than the legacy white-on-dark card text. */ body .ch-home-places .ch-destination-grid { gap: 16px; } body .ch-home-places .ch-destination-card { border: 1px solid var(--ch-border); background: #fffdf8; } body .ch-home-places .ch-destination-card__content, body .ch-home-places .ch-destination-card h3 a, body .ch-home-places .ch-destination-card h3 a:visited { color: var(--ch-ink); } body .ch-home-places .ch-destination-card__type { color: #8b4b31; } body .ch-home-places .ch-destination-card p:last-child { color: #465851; } body .ch-home-places .ch-destination-card h3 a:hover { color: #0b7474; } /* Preserve the content architecture while removing the repeated square-card feel. */ body :is(.ch-experience-grid>a,.ch-collection-grid>a,.ch-topic,.ch-latest-grid>article,.ch-plan-card,.ch-result-card,.ch-destination-card,.ch-card) { border-radius: 24px; overflow: hidden; border-color: var(--ch-border); background: #fffdf8; } body :is(.ch-experience-grid>a,.ch-collection-grid>a):hover { background: #edf4ec; } body .ch-place-card__image { border-radius: 23px 23px 0 0; } body :is(.ch-page-hero,.ch-archive-header,.ch-reference__header,.ch-destination-hero) { border-radius: 30px; } body :is(.ch-toc,.ch-knowledge-panel,.ch-route-box,.ch-start-guide,.ch-ready,.ch-trip-finder,.ch-community-grid article,.ch-community-guide-note,.ch-community-pathway) { border-radius: 24px; } body :is(input[type=search],input[type=text],input[type=number],select,textarea) { border-radius: 16px; } /* Destination facts echo the pilot's low, legible field-guide band. */ body .ch-destination-hero { overflow: hidden; margin-bottom: 14px; border-color: var(--ch-border); } body .ch-destination-hero__copy { background: #fffdf8; } body .ch-destination-hero__visual, body .ch-destination-hero__visual img { border-radius: 0; } body .ch-visitor-facts { overflow: hidden; margin-bottom: clamp(3rem,7vw,5rem); border: 1px solid var(--ch-border); border-radius: 24px; background: #dce9dd; } body .ch-visitor-facts > :is(div,a) { border-color: #bdcdc1; } body .ch-visitor-facts span { color: #174d50; } body .ch-visitor-facts strong { font-family: Outfit,"Kantumruy Pro",system-ui,sans-serif !important; } /* Experience cards become a consistent practical-information grammar. */ body .ch-experience-pilot { border-radius: 30px; background: #e9ede8; } body .ch-experience-pilot__card { border-color: var(--ch-border); border-radius: 24px; background: #fffdf8; } body .ch-experience-pilot__card dl { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 12px; } body .ch-experience-pilot__card dl > div { min-width: 0; border-top: 2px solid #174d50; } body .ch-experience-pilot__card dt { color: #174d50; } body .ch-experience-pilot__links a, body .ch-experience-pilot__pairing a, body .ch-text-link { color: #174d50; border-bottom: 0; } body .ch-experience-pilot__links a:hover, body .ch-experience-pilot__pairing a:hover { color: #0b7474; } @media (max-width: 900px) { body .ch-home-hero { min-height: 0; } body .ch-home-hero .ch-modern-hero-image { width: 100%; opacity: .36; } body .ch-home-hero::after { background: linear-gradient(90deg,#0d373ae8,#0d373a8c); } body .ch-home-hero__inner { padding: 78px 24px 85px; } body .ch-home-hero h1 { max-width: 11ch; } } @media (max-width: 600px) { body .ch-home-hero { margin: 12px 12px 0; border-radius: 24px; } body .ch-home-hero h1 { font-size: clamp(3.2rem,13vw,4.6rem); } body .ch-home-hero__inner { padding: 66px 24px 70px; } body :is(.ch-page-hero,.ch-archive-header,.ch-reference__header,.ch-destination-hero) { border-radius: 22px; } body .ch-experience-pilot__card dl { grid-template-columns: 1fr; gap: 0; } } /* ========================================================================== CH-SITE: the child theme inline CSS blocks, consolidated here (guarded preview). Each section keeps the order and scope the block had when it was printed inline. ========================================================================== */ /* ch-pill-header-css [home] */ body:where(.ch-css-new.home).ch-pill-header{--pillt: 38px; --pillh: 64px;} body:where(.ch-css-new.home).ch-pill-header .ch-header{position: sticky; top: var(--wp-admin--admin-bar--height,0px); z-index: 60; height: auto; padding: var(--pillt) 40px 0; margin: 0 0 calc(-1 * (var(--pillt) + var(--pillh))); background: transparent; border: 0px; box-shadow: none; backdrop-filter: none; pointer-events: none;} body:where(.ch-css-new.home).ch-pill-header .ch-header__inner{pointer-events: auto; box-sizing: border-box; width: min(100%, 1180px); max-width: none; min-height: var(--pillh); margin-inline: auto; padding: 8px 10px 8px 22px; gap: 1rem; border: 1px solid rgba(255, 255, 255, 0.7); border-radius: 999px; background: rgba(255, 253, 248, 0.95); backdrop-filter: blur(14px); box-shadow: rgba(10, 30, 28, 0.2) 0px 12px 32px;} body:where(.ch-css-new.home).ch-pill-header .ch-primary-nav a{padding-block: 0.55rem;} body:where(.ch-css-new.home).ch-pill-header .ch-primary-nav a::after{bottom: 0.1rem;} body:where(.ch-css-new.home).ch-pill-header .ch-brand-shell img,body:where(.ch-css-new.home).ch-pill-header .custom-logo{max-height: 46px; width: auto;} body:where(.ch-css-new.home).ch-pill-header .ch-brand-shell{height: 46px;} body:where(.ch-css-new.home).ch-pill-header .custom-logo-link{display: flex; align-items: center; line-height: 0;} body:where(.ch-css-new.home).ch-pill-header main.chh section.ch-home-hero{padding-top: max(7rem,calc(var(--pillt) + var(--pillh) + 2.5rem));} @media (max-width: 780px){ body:where(.ch-css-new.home).ch-pill-header{--pillt: 26px; --pillh: 56px;} body:where(.ch-css-new.home).ch-pill-header .ch-header{position: sticky; top: var(--wp-admin--admin-bar--height,0px); padding: var(--pillt) 22px 0;} body:where(.ch-css-new.home).ch-pill-header .ch-header__inner{min-height: var(--pillh); padding: 6px 8px 6px 14px;} body:where(.ch-css-new.home).ch-pill-header .ch-brand-shell{height: 38px;} body:where(.ch-css-new.home).ch-pill-header .ch-brand-shell img,body:where(.ch-css-new.home).ch-pill-header .custom-logo{max-height: 38px;} body:where(.ch-css-new.home).ch-pill-header .ch-mobile-menu summary{box-sizing: border-box; min-height: 44px; padding: 0.35rem 1rem; border-radius: 999px; background: rgba(23, 43, 44, 0.06);} body:where(.ch-css-new.home).ch-pill-header .ch-mobile-menu[open] .ch-mobile-nav{position: absolute; top: calc(100% + 10px); left: 22px; right: 22px; max-height: calc(100vh - var(--wp-admin--admin-bar--height,0px) - 110px); overflow: auto; border: 1px solid rgba(255, 255, 255, 0.7); border-radius: 24px; background: rgb(255, 253, 248); padding: 0.4rem 1.2rem 1rem; box-shadow: rgba(10, 30, 28, 0.25) 0px 18px 44px; pointer-events: auto;} } body:where(.ch-css-new.home).ch-pill-header .ch-header{transition: transform 0.35s, opacity 0.3s;} body:where(.ch-css-new.home).ch-pill-header .ch-header__inner{transform-origin: center top; transition: transform 0.3s, box-shadow 0.3s;} body:where(.ch-css-new.home).ch-pill-header.ch-pill-scrolled .ch-header__inner{transform: scale(0.95); box-shadow: rgba(10, 30, 28, 0.22) 0px 8px 24px;} body:where(.ch-css-new.home).ch-pill-header.ch-pill-hidden .ch-header:not(:focus-within){transform: translateY(calc(-100% - 20px)); opacity: 0;} body:where(.ch-css-new.home).ch-pill-header.ch-pill-hidden .ch-header:not(:focus-within) .ch-header__inner{pointer-events: none;} @media (prefers-reduced-motion: reduce){ body:where(.ch-css-new.home).ch-pill-header .ch-header,body:where(.ch-css-new.home).ch-pill-header .ch-header__inner{transition: none;} } /* ch-pill-inner-css [notHome] */ html:where(:has(body.ch-css-new:not(.home))):has(body.ch-pill-inner){scroll-padding-top: 6.5rem;} body:where(.ch-css-new:not(.home)).ch-pill-inner{--pillh: 64px;} body:where(.ch-css-new:not(.home)).ch-pill-inner .ch-header{position: sticky; top: var(--wp-admin--admin-bar--height,0px); z-index: 60; height: auto; padding: 12px 24px; margin: 0px; background: transparent; border: 0px; box-shadow: none; backdrop-filter: none; pointer-events: none; transition: transform 0.35s, opacity 0.3s;} body:where(.ch-css-new:not(.home)).ch-pill-inner .ch-header__inner{pointer-events: auto; box-sizing: border-box; width: min(100%, 1216px); max-width: none; min-height: var(--pillh); margin-inline: auto; padding: 8px 10px 8px 22px; gap: 1rem; border: 1px solid rgba(255, 255, 255, 0.7); border-radius: 999px; background: rgba(255, 253, 248, 0.95); backdrop-filter: blur(14px); box-shadow: rgba(10, 30, 28, 0.16) 0px 12px 32px; transform-origin: center top; transition: transform 0.3s, box-shadow 0.3s;} body:where(.ch-css-new:not(.home)).ch-pill-inner .ch-primary-nav a{padding-block: 0.55rem;} body:where(.ch-css-new:not(.home)).ch-pill-inner .ch-primary-nav a::after{bottom: 0.1rem;} body:where(.ch-css-new:not(.home)).ch-pill-inner .ch-brand-shell{height: 46px;} body:where(.ch-css-new:not(.home)).ch-pill-inner .ch-brand-shell img,body:where(.ch-css-new:not(.home)).ch-pill-inner .custom-logo{max-height: 46px; width: auto;} body:where(.ch-css-new:not(.home)).ch-pill-inner .custom-logo-link{display: flex; align-items: center; line-height: 0;} body:where(.ch-css-new:not(.home)).ch-pill-inner.ch-pill-scrolled .ch-header__inner{transform: scale(0.95); box-shadow: rgba(10, 30, 28, 0.2) 0px 8px 24px;} body:where(.ch-css-new:not(.home)).ch-pill-inner.ch-pill-hidden .ch-header:not(:focus-within){transform: translateY(calc(-100% - 20px)); opacity: 0;} body:where(.ch-css-new:not(.home)).ch-pill-inner.ch-pill-hidden .ch-header:not(:focus-within) .ch-header__inner{pointer-events: none;} @media (max-width: 780px){ body:where(.ch-css-new:not(.home)).ch-pill-inner{--pillh: 56px;} body:where(.ch-css-new:not(.home)).ch-pill-inner .ch-header{padding: 10px 12px;} body:where(.ch-css-new:not(.home)).ch-pill-inner .ch-header__inner{min-height: var(--pillh); padding: 6px 8px 6px 14px;} body:where(.ch-css-new:not(.home)).ch-pill-inner .ch-brand-shell{height: 38px;} body:where(.ch-css-new:not(.home)).ch-pill-inner .ch-brand-shell img,body:where(.ch-css-new:not(.home)).ch-pill-inner .custom-logo{max-height: 38px;} body:where(.ch-css-new:not(.home)).ch-pill-inner .ch-mobile-menu summary{box-sizing: border-box; min-height: 44px; padding: 0.35rem 1rem; border-radius: 999px; background: rgba(23, 43, 44, 0.06);} body:where(.ch-css-new:not(.home)).ch-pill-inner .ch-mobile-menu[open] .ch-mobile-nav{position: absolute; top: 100%; left: 12px; right: 12px; max-height: calc(100vh - var(--wp-admin--admin-bar--height,0px) - 100px); overflow: auto; border: 1px solid rgba(255, 255, 255, 0.7); border-radius: 24px; background: rgb(255, 253, 248); padding: 0.4rem 1.2rem 1rem; box-shadow: rgba(10, 30, 28, 0.25) 0px 18px 44px; pointer-events: auto;} } @media (prefers-reduced-motion: reduce){ body:where(.ch-css-new:not(.home)).ch-pill-inner .ch-header,body:where(.ch-css-new:not(.home)).ch-pill-inner .ch-header__inner{transition: none;} } /* ch-layout-fixes-css [all] */ :where(body.ch-css-new) .ch-related__grid,:where(body.ch-css-new) .ch-results{border: 0px; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr));} :where(body.ch-css-new) .ch-gateway-grid{border: 0px; gap: 1rem;} :where(body.ch-css-new) .ch-ready__stages{border: 0px; gap: 1rem;} :where(body.ch-css-new) .ch-travel-lead,:where(body.ch-css-new) .ch-planning-note,:where(body.ch-css-new) .ch-confirm-box,:where(body.ch-css-new) .ch-contents{border-radius: 16px;} :where(body.ch-css-new) .ch-checklist{border-radius: 16px; overflow: hidden;} :where(body.ch-css-new) .ch-guide-next,:where(body.ch-css-new) .ch-practical-grid,:where(body.ch-css-new) .ch-guide-at-a-glance,:where(body.ch-css-new) .ch-trip-path,:where(body.ch-css-new) .ch-transport-grid,:where(body.ch-css-new) .ch-guide-choice-grid,:where(body.ch-css-new) .ch-guide-link-grid,:where(body.ch-css-new) .ch-glance,:where(body.ch-css-new) .ch-travel-feature-grid,:where(body.ch-css-new) .ch-upcoming-grid,:where(body.ch-css-new) .ch-restorative-grid,:where(body.ch-css-new) .ch-visitor-facts,:where(body.ch-css-new) .ch-money-grid,:where(body.ch-css-new) .ch-fact-grid,:where(body.ch-css-new) .ch-month-grid,:where(body.ch-css-new) .ch-season-grid,:where(body.ch-css-new) .ch-extension-grid,:where(body.ch-css-new) .ch-sim-grid,:where(body.ch-css-new) .ch-responsible-grid,:where(body.ch-css-new) .ch-before-you-go__links{border-radius: 20px; overflow: hidden;} :where(body.ch-css-new) main > .ch-share{box-sizing: border-box; width: min(100% - 2rem, 76rem); margin-inline: auto;} /* ch-callouts-css [all] */ :where(body.ch-css-new) .ch-planning-note,:where(body.ch-css-new) .ch-confirm-box,:where(body.ch-css-new) .ch-travel-lead,:where(body.ch-css-new) .ch-context-help{position: relative; border: 1px solid rgba(255, 255, 255, 0.75); border-radius: 20px; background: rgba(164, 70, 41, 0.09); backdrop-filter: blur(14px) saturate(1.4); box-shadow: rgba(164, 70, 41, 0.14) 0px 0px 0px 1px, rgba(23, 43, 44, 0.09) 0px 10px 28px, rgba(255, 255, 255, 0.85) 0px 1px 0px inset;} :where(body.ch-css-new) .ch-confirm-box{background: rgba(11, 116, 116, 0.09); box-shadow: rgba(11, 116, 116, 0.16) 0px 0px 0px 1px, rgba(23, 43, 44, 0.09) 0px 10px 28px, rgba(255, 255, 255, 0.85) 0px 1px 0px inset;} :where(body.ch-css-new) .ch-travel-lead{background: rgba(120, 150, 120, 0.12); box-shadow: rgba(23, 43, 44, 0.09) 0px 0px 0px 1px, rgba(23, 43, 44, 0.07) 0px 10px 28px, rgba(255, 255, 255, 0.85) 0px 1px 0px inset;} :where(body.ch-css-new) .ch-context-help{background: rgba(201, 169, 110, 0.14); box-shadow: rgba(201, 169, 110, 0.4) 0px 0px 0px 1px, rgba(23, 43, 44, 0.08) 0px 10px 28px, rgba(255, 255, 255, 0.85) 0px 1px 0px inset;} :where(body.ch-css-new) .ch-contents{border: 1px solid rgba(255, 255, 255, 0.75); background: rgba(11, 116, 116, 0.07); backdrop-filter: blur(14px) saturate(1.4); box-shadow: rgba(11, 116, 116, 0.14) 0px 0px 0px 1px, rgba(23, 43, 44, 0.07) 0px 10px 28px, rgba(255, 255, 255, 0.85) 0px 1px 0px inset;} @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){ :where(body.ch-css-new) .ch-planning-note{background: rgb(251, 241, 234);} :where(body.ch-css-new) .ch-confirm-box{background: rgb(231, 242, 240);} :where(body.ch-css-new) .ch-travel-lead{background: rgb(238, 242, 234);} :where(body.ch-css-new) .ch-context-help{background: rgb(251, 245, 230);} } :where(body.ch-css-new) .ch-planning-note,:where(body.ch-css-new) .ch-confirm-box{padding-left: calc(46px + clamp(1.25rem, 4vw, 2rem));} :where(body.ch-css-new) .ch-planning-note::before,:where(body.ch-css-new) .ch-confirm-box::before{position: absolute; left: 20px; top: clamp(1.25rem, 4vw, 2rem); display: grid; place-items: center; width: 32px; height: 32px; margin-top: -3px; border-radius: 50%; color: rgb(255, 255, 255); font: 700 15px / 1 system-ui, sans-serif; box-shadow: rgba(23, 43, 44, 0.2) 0px 3px 8px;} :where(body.ch-css-new) .ch-planning-note::before{content: "✦"; background: rgb(164, 70, 41);} :where(body.ch-css-new) .ch-confirm-box::before{content: "i"; background: rgb(11, 116, 116);} @media (max-width: 560px){ :where(body.ch-css-new) .ch-planning-note,:where(body.ch-css-new) .ch-confirm-box{padding-left: calc(38px + clamp(1.25rem, 4vw, 2rem));} :where(body.ch-css-new) .ch-planning-note::before,:where(body.ch-css-new) .ch-confirm-box::before{left: 14px; width: 28px; height: 28px; font-size: 13px;} } @media print{ :where(body.ch-css-new) .ch-planning-note,:where(body.ch-css-new) .ch-confirm-box,:where(body.ch-css-new) .ch-travel-lead,:where(body.ch-css-new) .ch-context-help{backdrop-filter: none; box-shadow: none; border: 1px solid rgb(187, 187, 187);} } /* ch-compact-continue-css [all] */ :where(body.ch-css-new) .ch-gateway-card{border: 1px solid var(--ch-border,#d5dcd5) !important; border-radius: 16px !important; background: rgb(255, 254, 250) !important; box-shadow: none !important;} :where(body.ch-css-new) .ch-gateway-card,:where(body.ch-css-new) .ch-related__grid .ch-result-card{position: relative;} :where(body.ch-css-new) .ch-gateway-card h3 a::after,:where(body.ch-css-new) .ch-related__grid .ch-result-card h3 a::after{content: ""; position: absolute; inset: 0px;} @media (max-width: 780px){ :where(body.ch-css-new) .ch-gateway-section .ch-gateway-grid,:where(body.ch-css-new) .ch-related__grid{grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 10px !important;} :where(body.ch-css-new) .ch-gateway-card,:where(body.ch-css-new) .ch-related__grid .ch-result-card{padding: 14px !important;} :where(body.ch-css-new) .ch-related__grid .ch-result-card{min-height: 0px !important; border-radius: 16px !important;} :where(body.ch-css-new) .ch-gateway-card__index,:where(body.ch-css-new) .ch-gateway-card > span,:where(body.ch-css-new) .ch-related__grid .ch-result-card > .ch-kicker{display: none !important;} :where(body.ch-css-new) .ch-gateway-card h3,:where(body.ch-css-new) .ch-related__grid .ch-result-card h3{margin: 0px 0px 0.3rem !important; font-size: 1rem !important; line-height: 1.2 !important;} :where(body.ch-css-new) .ch-gateway-card p,:where(body.ch-css-new) .ch-related__grid .ch-result-card p:not(.ch-kicker){display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 0px !important; font-size: 0.82rem !important; line-height: 1.35 !important;} } /* ch-hero-frame-css [notHome] */ body:where(.ch-css-new:not(.home)).ch-pill-inner:has(.ch-page-hero, .ch-archive-header){--pillt: 38px; --pillh: 64px;} body:where(.ch-css-new:not(.home)).ch-pill-inner:has(.ch-page-hero, .ch-archive-header) .ch-header{padding: var(--pillt) 40px 0; margin: 0 0 calc(-1 * (var(--pillt) + var(--pillh)));} body:where(.ch-css-new:not(.home)).ch-pill-inner .ch-page-hero,body:where(.ch-css-new:not(.home)).ch-pill-inner .ch-archive-header{box-sizing: border-box; position: relative; overflow: hidden; width: calc(100% - 48px); max-width: 1290px; margin: 22px auto 36px; padding: 142px 56px 64px; border: 0px; border-radius: 32px; background: rgb(13, 55, 58); color: rgb(255, 255, 255);} body:where(.ch-css-new:not(.home)).ch-pill-inner .ch-page-hero .ch-page-shell{max-width: none; width: auto; margin: 0px; padding: 0px;} body:where(.ch-css-new:not(.home)).ch-pill-inner .ch-page-hero h1,body:where(.ch-css-new:not(.home)).ch-pill-inner .ch-archive-header h1{color: rgb(255, 255, 255); font-size: clamp(2.6rem, 6vw, 4.4rem); font-weight: 600; letter-spacing: -0.055em; line-height: 1.02;} body:where(.ch-css-new:not(.home)).ch-pill-inner .ch-page-hero__eyebrow,body:where(.ch-css-new:not(.home)).ch-pill-inner .ch-archive-header .ch-kicker{color: rgb(232, 211, 155); font-size: 0.7rem; font-weight: 700; letter-spacing: 0.13em; text-transform: uppercase;} body:where(.ch-css-new:not(.home)).ch-pill-inner .ch-page-hero__standfirst,body:where(.ch-css-new:not(.home)).ch-pill-inner .ch-archive-header p:not(.ch-kicker){color: rgb(240, 243, 236); font-size: 1.3rem; line-height: 1.7;} body:where(.ch-css-new:not(.home)).ch-pill-inner .ch-archive-header a{color: rgb(232, 211, 155);} body:where(.ch-css-new:not(.home)).ch-pill-inner .ch-page-hero::before,body:where(.ch-css-new:not(.home)).ch-pill-inner .ch-page-hero::after{border-color: rgba(255, 255, 255, 0.14) !important;} body:where(.ch-css-new:not(.home)).ch-pill-inner .ch-page-hero .ch-save-control,body:where(.ch-css-new:not(.home)).ch-pill-inner .ch-page-hero .ch-save-control *{color: rgb(255, 255, 255) !important;} body:where(.ch-css-new:not(.home)).ch-pill-inner .ch-page-hero .ch-save-control{border: 1px solid rgba(255, 255, 255, 0.55) !important; background: transparent !important;} body:where(.ch-css-new:not(.home)).ch-pill-inner .ch-page-hero .ch-save-control:hover{background: rgba(255, 255, 255, 0.12) !important;} @media (max-width: 780px){ body:where(.ch-css-new:not(.home)).ch-pill-inner:has(.ch-page-hero, .ch-archive-header){--pillt: 26px; --pillh: 56px;} body:where(.ch-css-new:not(.home)).ch-pill-inner:has(.ch-page-hero, .ch-archive-header) .ch-header{padding: var(--pillt) 22px 0;} body:where(.ch-css-new:not(.home)).ch-pill-inner .ch-page-hero,body:where(.ch-css-new:not(.home)).ch-pill-inner .ch-archive-header{width: calc(100% - 24px); margin: 12px auto 28px; padding: 110px 24px 36px; border-radius: 24px;} body:where(.ch-css-new:not(.home)).ch-pill-inner .ch-page-hero__standfirst,body:where(.ch-css-new:not(.home)).ch-pill-inner .ch-archive-header p:not(.ch-kicker){font-size: 1.1rem;} } @media print{ body:where(.ch-css-new:not(.home)).ch-pill-inner .ch-page-hero,body:where(.ch-css-new:not(.home)).ch-pill-inner .ch-archive-header{background: none; color: rgb(0, 0, 0); padding: 0px;} body:where(.ch-css-new:not(.home)).ch-pill-inner .ch-page-hero h1,body:where(.ch-css-new:not(.home)).ch-pill-inner .ch-archive-header h1,body:where(.ch-css-new:not(.home)).ch-pill-inner .ch-page-hero__standfirst,body:where(.ch-css-new:not(.home)).ch-pill-inner .ch-archive-header p{color: rgb(0, 0, 0) !important;} } /* ch-links-css [all] */ body:where(.ch-css-new).ch-pill-inner .ch-page-content a,body:where(.ch-css-new).ch-pill-inner .ch-contents a,body:where(.ch-css-new).ch-pill-inner .ch-sources a,body:where(.ch-css-new).ch-pill-inner .ch-editorial-meta a,body:where(.ch-css-new).ch-pill-inner .ch-text-link{background-image: none !important; background-size: 0px auto !important; text-decoration-line: none !important;} body:where(.ch-css-new).ch-pill-inner .ch-page-content :is(p, li, dd, td, blockquote, figcaption, .ch-source-note) a:not(.ch-button, .wp-block-button__link, .ch-save-control, :has(small, strong, b, h2, h3, h4, svg, img)),body:where(.ch-css-new).ch-pill-inner .ch-contents a,body:where(.ch-css-new).ch-pill-inner .ch-sources a,body:where(.ch-css-new).ch-pill-inner .ch-editorial-meta a,body:where(.ch-css-new).ch-pill-inner .ch-text-link{text-decoration-style: solid; text-decoration-thickness: 1px; text-underline-offset: 0.22em; text-decoration-color: color-mix(in srgb, currentcolor 38%, transparent); transition: text-decoration-color 0.2s, color 0.2s; text-decoration-line: underline !important;} body:where(.ch-css-new).ch-pill-inner .ch-page-content :is(p, li, dd, td, blockquote, figcaption, .ch-source-note) a:not(.ch-button, .wp-block-button__link, .ch-save-control, :has(small, strong, b, h2, h3, h4, svg, img)):hover,body:where(.ch-css-new).ch-pill-inner .ch-contents a:hover,body:where(.ch-css-new).ch-pill-inner .ch-sources a:hover,body:where(.ch-css-new).ch-pill-inner .ch-editorial-meta a:hover,body:where(.ch-css-new).ch-pill-inner .ch-text-link:hover{text-decoration-color: currentcolor;} body:where(.ch-css-new).ch-pill-inner .ch-guide-next a,body:where(.ch-css-new).ch-pill-inner .ch-before-you-go__links a,body:where(.ch-css-new).ch-pill-inner .ch-tv a,body:where(.ch-css-new).ch-pill-inner .ch-tv-jump a,body:where(.ch-css-new).ch-pill-inner .ch-button,body:where(.ch-css-new).ch-pill-inner .wp-block-button__link,body:where(.ch-css-new).ch-pill-inner .ch-save-control,body:where(.ch-css-new).ch-pill-inner .ch-related__grid a,body:where(.ch-css-new).ch-pill-inner .ch-gateway-card a,body:where(.ch-css-new).ch-pill-inner .ch-result-card a{text-decoration-line: none !important;} @media print{ body:where(.ch-css-new).ch-pill-inner .ch-page-content :is(p, li, dd, td, blockquote, figcaption, .ch-source-note) a:not(.ch-button, .wp-block-button__link, .ch-save-control, :has(small, strong, b, h2, h3, h4, svg, img)),body:where(.ch-css-new).ch-pill-inner .ch-contents a,body:where(.ch-css-new).ch-pill-inner .ch-sources a,body:where(.ch-css-new).ch-pill-inner .ch-editorial-meta a,body:where(.ch-css-new).ch-pill-inner .ch-text-link{text-decoration-line: underline !important;} } /* ch-glass-css [all] */ :where(body.ch-css-new) .ch-home-hero__credit{right: 0.9rem; bottom: 0.8rem;} :where(body.ch-css-new) .ch-home-hero__credit a{display: inline-block; padding: 0.28rem 0.7rem; border: 1px solid rgba(255, 255, 255, 0.28); border-radius: 999px; background: rgba(13, 55, 58, 0.42); backdrop-filter: blur(10px) saturate(1.3); color: rgb(255, 255, 255); opacity: 1; text-shadow: none; font-size: 0.68rem; line-height: 1.3;} :where(body.ch-css-new) .ch-home-hero__credit a:hover{background: rgba(13, 55, 58, 0.62); text-decoration: none;} body:where(.ch-css-new) .ch-home-hero .ch-home-button--secondary{background: rgba(255, 255, 255, 0.14); border: 1px solid rgba(255, 255, 255, 0.45); color: rgb(255, 255, 255); backdrop-filter: blur(12px) saturate(1.4); box-shadow: rgba(255, 255, 255, 0.35) 0px 1px 0px inset, rgba(0, 0, 0, 0.12) 0px 6px 18px;} body:where(.ch-css-new) .ch-home-hero .ch-home-button--secondary:hover{background: rgba(255, 255, 255, 0.26); color: rgb(255, 255, 255);} body:where(.ch-css-new).ch-pill-inner .ch-page-hero .ch-save-control{backdrop-filter: blur(12px) saturate(1.4); box-shadow: rgba(255, 255, 255, 0.3) 0px 1px 0px inset; background: rgba(255, 255, 255, 0.12) !important; border: 1px solid rgba(255, 255, 255, 0.45) !important;} body:where(.ch-css-new).ch-pill-inner .ch-page-hero .ch-save-control:hover{background: rgba(255, 255, 255, 0.24) !important;} :where(body.ch-css-new) figure.wp-block-image{position: relative; overflow: hidden; border-radius: 20px;} :where(body.ch-css-new) figure.wp-block-image img{display: block; width: 100%; height: auto;} :where(body.ch-css-new) figure.wp-block-image figcaption{position: absolute; left: 12px; bottom: 12px; right: auto; max-width: calc(100% - 24px); margin: 0px; padding: 0.4rem 0.8rem; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 16px; background: rgba(13, 55, 58, 0.6); backdrop-filter: blur(12px) saturate(1.3); color: rgb(255, 255, 255); font-size: 0.72rem; line-height: 1.3; text-align: left;} body:where(.ch-css-new).ch-pill-inner figure.wp-block-image figcaption a{color: rgb(255, 255, 255) !important; text-decoration-color: rgba(255, 255, 255, 0.6) !important;} @media (max-width: 780px){ body:where(.ch-css-new).ch-pill-header .ch-header__inner:has(.ch-mobile-menu[open]),body:where(.ch-css-new).ch-pill-inner .ch-header__inner:has(.ch-mobile-menu[open]){backdrop-filter: none; background: rgb(255, 253, 248);} body:where(.ch-css-new).ch-pill-header .ch-mobile-menu[open] .ch-mobile-nav,body:where(.ch-css-new).ch-pill-inner .ch-mobile-menu[open] .ch-mobile-nav{background: rgba(255, 253, 248, 0.93); backdrop-filter: blur(18px) saturate(1.5); border: 1px solid rgba(255, 255, 255, 0.75); box-shadow: rgba(10, 30, 28, 0.22) 0px 18px 44px, rgba(255, 255, 255, 0.85) 0px 1px 0px inset;} } :where(body.ch-css-new) .ch-image-credit{font-size: 0.75rem; line-height: 1.4; opacity: 0.85;} :where(body.ch-css-new) .ch-destination-hero__visual{position: relative;} :where(body.ch-css-new) .ch-destination-hero__visual .ch-image-credit{position: absolute; left: 12px; bottom: 12px; right: auto; max-width: calc(100% - 24px); margin: 0px; padding: 0.28rem 0.65rem; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 14px; background: rgba(13, 55, 58, 0.55); backdrop-filter: blur(12px) saturate(1.3); color: rgb(255, 255, 255); font-size: 0.68rem; line-height: 1.3; opacity: 1;} body:where(.ch-css-new).ch-pill-inner .ch-destination-hero__visual .ch-image-credit a{color: rgb(255, 255, 255) !important; text-decoration-color: rgba(255, 255, 255, 0.6) !important;} :where(body.ch-css-new) .ch-place-gallery__item figcaption{max-width: calc(100% - 24px); border: 1px solid rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px) saturate(1.3); color: rgb(255, 255, 255); line-height: 1.3; right: auto !important; width: auto !important; padding: 0.3rem 0.65rem !important; border-radius: 14px !important; background: rgba(13, 55, 58, 0.55) !important; font-size: 0.7rem !important;} @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){ :where(body.ch-css-new) .ch-destination-hero__visual .ch-image-credit,:where(body.ch-css-new) .ch-place-gallery__item figcaption{background: rgba(13, 55, 58, 0.88) !important;} } body:where(.ch-css-new) .ch-top-btn{background: rgba(13, 55, 58, 0.74); border: 1px solid rgba(255, 255, 255, 0.28); backdrop-filter: blur(12px) saturate(1.4); box-shadow: rgba(10, 30, 28, 0.28) 0px 8px 22px, rgba(255, 255, 255, 0.25) 0px 1px 0px inset;} body:where(.ch-css-new) .ch-top-btn:hover{background: rgba(13, 55, 58, 0.92);} @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){ :where(body.ch-css-new) .ch-home-hero__credit a,:where(body.ch-css-new) figure.wp-block-image figcaption{background: rgba(13, 55, 58, 0.88);} body:where(.ch-css-new) .ch-top-btn{background: rgb(23, 77, 80);} body:where(.ch-css-new) .ch-home-hero .ch-home-button--secondary{background: rgba(13, 55, 58, 0.5);} @media (max-width: 780px){ body:where(.ch-css-new).ch-pill-header .ch-mobile-menu[open] .ch-mobile-nav,body:where(.ch-css-new).ch-pill-inner .ch-mobile-menu[open] .ch-mobile-nav{background: rgb(255, 253, 248);} } } @media print{ :where(body.ch-css-new) figure.wp-block-image figcaption{position: static; background: none; color: rgb(0, 0, 0); border: 0px; backdrop-filter: none;} :where(body.ch-css-new) .ch-top-btn{display: none !important;} } /* ch-place-round-css [all] */ :where(body.ch-css-new) .ch-place-map,:where(body.ch-css-new) .ch-place-planner{border-radius: 20px; overflow: hidden;} :where(body.ch-css-new) .ch-before-you-go{border-radius: 24px; overflow: hidden;} :where(body.ch-css-new) .ch-place-map button,:where(body.ch-css-new) .ch-place-map .ch-button,:where(body.ch-css-new) .ch-place-map__load{border-radius: 999px; padding: 0.8rem 1.6rem;} :where(body.ch-css-new) .ch-experience-pilot__pairing{border-radius: 16px;} @media (max-width: 780px){ :where(body.ch-css-new) .ch-place-map,:where(body.ch-css-new) .ch-place-planner,:where(body.ch-css-new) .ch-before-you-go{border-radius: 18px;} } /* ch-start-fix-css [start] */ :where(body.ch-css-new.page-id-22) .ch-start-welcome{border-radius: 24px; backdrop-filter: blur(14px) saturate(1.4); box-shadow: rgba(23, 43, 44, 0.09) 0px 0px 0px 1px, rgba(23, 43, 44, 0.07) 0px 10px 28px, rgba(255, 255, 255, 0.85) 0px 1px 0px inset; border: 1px solid rgba(255, 255, 255, 0.75) !important; background: rgba(120, 150, 120, 0.12) !important;} :where(body.ch-css-new.page-id-22) .ch-start-guide{overflow: hidden;} :where(body.ch-css-new.page-id-22) .ch-start-guide{overflow: visible !important;} :where(body.ch-css-new.page-id-22) .ch-start-guide .ch-start-guide__choices{display: grid !important; grid-template-columns: repeat(5, 1fr) !important; gap: 12px !important; padding: 0px !important; border: 0px !important; border-radius: 0px !important; overflow: visible !important;} :where(body.ch-css-new.page-id-22) .ch-start-guide .ch-start-guide__choices button{flex-direction: column; align-items: flex-start; transition: background 0.2s, transform 0.2s; border-radius: 18px !important; border: 1px solid rgba(23, 77, 80, 0.14) !important; background: rgba(255, 255, 255, 0.7) !important; padding: 18px 20px !important; min-height: 0px !important; gap: 10px !important; box-shadow: none !important;} :where(body.ch-css-new.page-id-22) .ch-start-guide .ch-start-guide__choices button{box-sizing: border-box; width: 100% !important; min-width: 0px !important; max-width: none !important; flex: 0 0 auto !important;} :where(body.ch-css-new.page-id-22) .ch-start-guide .ch-start-guide__choices{width: 100% !important;} :where(body.ch-css-new.page-id-22) .ch-start-guide .ch-start-guide__choices button:not(.is-active):hover,:where(body.ch-css-new.page-id-22) .ch-start-guide .ch-start-guide__choices button:not(.is-active):hover *,:where(body.ch-css-new.page-id-22) .ch-start-guide .ch-start-guide__choices button:not(.is-active):focus-visible *{color: rgb(23, 43, 44) !important;} :where(body.ch-css-new.page-id-22) .ch-start-guide .ch-start-guide__choices button:not(.is-active):hover span:first-child{color: rgb(164, 70, 41) !important;} :where(body.ch-css-new.page-id-22) .ch-start-guide .ch-start-guide__choices button.is-active,:where(body.ch-css-new.page-id-22) .ch-start-guide .ch-start-guide__choices button.is-active *{color: rgb(255, 255, 255) !important;} :where(body.ch-css-new.page-id-22) .ch-start-guide .ch-start-guide__choices button.is-active span:first-child{color: rgb(217, 191, 127) !important;} :where(body.ch-css-new.page-id-22) .ch-start-guide .ch-start-guide__choices button:not(.is-active),:where(body.ch-css-new.page-id-22) .ch-start-guide .ch-start-guide__choices button:not(.is-active):hover,:where(body.ch-css-new.page-id-22) .ch-start-guide .ch-start-guide__choices button:not(.is-active):focus-visible{color: rgb(23, 43, 44) !important;} :where(body.ch-css-new.page-id-22) .ch-start-guide .ch-start-guide__choices button.is-active{color: rgb(255, 255, 255) !important;} :where(body.ch-css-new.page-id-22) .ch-start-guide .ch-start-guide__choices button:hover{transform: translateY(-2px); background: rgb(255, 255, 255) !important;} :where(body.ch-css-new.page-id-22) .ch-start-guide .ch-start-guide__choices button.is-active{background: rgb(23, 77, 80) !important; border-color: rgb(23, 77, 80) !important; box-shadow: rgba(23, 77, 80, 0.55) 0px 10px 24px -12px !important;} :where(body.ch-css-new.page-id-22) .ch-start-guide .ch-start-guide__result{border-radius: 24px !important; margin-top: 16px !important; padding: clamp(24px, 4vw, 44px) !important;} :where(body.ch-css-new.page-id-22) .ch-start-guide .ch-start-guide__actions{display: grid; gap: 10px; border-top: 0px !important; padding-top: 0px !important;} :where(body.ch-css-new.page-id-22) .ch-start-guide .ch-start-guide__actions a{background: rgba(255, 255, 255, 0.07); border: 1px solid rgba(255, 255, 255, 0.18) !important; border-radius: 16px !important; padding: 16px 20px !important;} :where(body.ch-css-new.page-id-22) .ch-start-guide .ch-start-guide__actions a:hover{background: rgba(255, 255, 255, 0.14);} @media (max-width: 900px){ :where(body.ch-css-new.page-id-22) .ch-start-guide .ch-start-guide__choices{grid-template-columns: repeat(2, 1fr) !important;} :where(body.ch-css-new.page-id-22) .ch-start-guide .ch-start-guide__choices button:last-child{grid-column: 1 / -1;} } :where(body.ch-css-new.page-id-22) .ch-start-welcome{align-items: center !important; padding: clamp(28px, 4vw, 44px) !important;} :where(body.ch-css-new.page-id-22) .ch-start-welcome__lead{letter-spacing: -0.01em; max-width: 30ch; font-size: clamp(1.45rem, 2.3vw, 1.95rem) !important; line-height: 1.3 !important; margin: 0px !important;} :where(body.ch-css-new.page-id-22) .ch-start-welcome p:not(.ch-start-welcome__lead){font-size: 1rem; line-height: 1.65;} :where(body.ch-css-new.page-id-22) .ch-start-guide__choices,:where(body.ch-css-new.page-id-22) .ch-start-path__steps,:where(body.ch-css-new.page-id-22) .ch-start-quick__grid{border-radius: 20px; overflow: hidden;} :where(body.ch-css-new.page-id-22) .ch-start-quick{border-radius: 28px; overflow: hidden;} :where(body.ch-css-new.page-id-22) .ch-start-tile__text{display: flex; flex-direction: column;} :where(body.ch-css-new.page-id-22) .ch-start-tile__text strong{order: 1; font-size: 1.25rem; line-height: 1.15;} :where(body.ch-css-new.page-id-22) .ch-start-tile__text span{order: 2; margin-top: 0.3rem; font-size: 0.76rem; font-weight: 600; text-transform: none !important; letter-spacing: 0.02em !important;} /* ch-home-compact-css [home] */ @media (max-width: 700px){ :where(body.ch-css-new.home) [aria-labelledby="chh-latest"] .chh-card__body > p:not(.chh-card__eyebrow){display: none;} :where(body.ch-css-new.home) [aria-labelledby="chh-latest"] .chh-card{min-height: 0px;} :where(body.ch-css-new.home) [aria-labelledby="chh-latest"] .chh-grid{gap: 12px;} :where(body.ch-css-new.home) [aria-labelledby="chh-practical"] .chh-list a{padding-block: 12px;} } /* ch-separate-cards-css [all] */ :where(body.ch-css-new) :is(.ch-guide-next, .ch-practical-grid, .ch-guide-at-a-glance, .ch-trip-path, .ch-transport-grid, .ch-guide-choice-grid, .ch-guide-link-grid, .ch-glance, .ch-travel-feature-grid, .ch-upcoming-grid, .ch-restorative-grid, .ch-visitor-facts, .ch-money-grid, .ch-fact-grid, .ch-month-grid, .ch-season-grid, .ch-extension-grid, .ch-sim-grid, .ch-responsible-grid){gap: 1rem !important; border: 0px !important; border-radius: 0px !important; overflow: visible !important; background: transparent !important;} :where(body.ch-css-new) :is(.ch-guide-next, .ch-practical-grid, .ch-guide-at-a-glance, .ch-trip-path, .ch-transport-grid, .ch-guide-choice-grid, .ch-guide-link-grid, .ch-glance, .ch-travel-feature-grid, .ch-upcoming-grid, .ch-restorative-grid, .ch-visitor-facts, .ch-money-grid, .ch-fact-grid, .ch-month-grid, .ch-season-grid, .ch-extension-grid, .ch-sim-grid, .ch-responsible-grid) > *{overflow: hidden; border: 1px solid rgb(213, 220, 213) !important; border-radius: 16px !important; margin: 0px !important;} :where(body.ch-css-new) .ch-table-wrap{overflow-x: auto; max-width: 100%;} /* ch-tap-targets-css [all] */ @media (max-width: 700px){ :where(body.ch-css-new) .ch-share__btn{min-height: 44px;} :where(body.ch-css-new) .ch-today__link,:where(body.ch-css-new) .chh-more{display: inline-block; padding-block: 11px;} :where(body.ch-css-new) .ch-tv-jump a{min-height: 44px; display: inline-flex; align-items: center;} } /* ch-community-page-css [community] */ body:where(.ch-css-new.page-id-407) .ch-community-page .ch-community-intro{padding: clamp(28px, 4vw, 48px) 0px; gap: 0px clamp(24px, 4vw, 56px); align-items: start;} body:where(.ch-css-new.page-id-407) .ch-community-page .ch-community-intro > :not(aside){grid-area: auto / 1; margin-block: 0px;} body:where(.ch-css-new.page-id-407) .ch-community-page .ch-community-intro > aside{grid-area: 1 / 2 / span 3; align-self: start; margin: 0px;} body:where(.ch-css-new.page-id-407) .ch-community-page .ch-community-intro > h2{border: 0px !important; padding: 0px !important; margin: 0.3rem 0px 0.8rem !important;} body:where(.ch-css-new.page-id-407) .ch-community-page .ch-community-intro > p:not(.ch-community-kicker){font-size: 1.05rem; line-height: 1.7;} @media (max-width: 780px){ body:where(.ch-css-new.page-id-407) .ch-community-page .ch-community-intro > aside{grid-area: auto / 1;} } body:where(.ch-css-new.page-id-407) .ch-community-page .ch-community-intro h2{font-size: clamp(1.8rem, 3vw, 2.4rem); line-height: 1.2; margin: 0.3rem 0px 0.8rem;} body:where(.ch-css-new.page-id-407) .ch-community-page .ch-community-intro aside{display: flex; flex-direction: column; gap: 6px; padding: 22px 26px; border: 1px solid rgba(23, 77, 80, 0.14); border-radius: 20px; background: rgba(23, 77, 80, 0.07); font-size: 0.95rem; line-height: 1.55;} body:where(.ch-css-new.page-id-407) .ch-community-page .ch-community-intro aside,body:where(.ch-css-new.page-id-407) .ch-community-page .ch-community-intro aside *{color: rgb(23, 43, 44) !important;} body:where(.ch-css-new.page-id-407) .ch-community-page .ch-community-intro aside span{color: rgb(61, 77, 78) !important;} body:where(.ch-css-new.page-id-407) .ch-community-page .ch-community-grid{gap: 16px;} body:where(.ch-css-new.page-id-407) .ch-community-page .ch-community-grid > article{padding: clamp(20px, 2.4vw, 28px); border-radius: 20px; min-height: 0px; gap: 6px; display: flex; flex-direction: column;} body:where(.ch-css-new.page-id-407) .ch-community-page .ch-community-grid > article > span{font-size: 0.72rem; letter-spacing: 0.08em; text-transform: uppercase; font-weight: 700; color: rgb(164, 70, 41);} body:where(.ch-css-new.page-id-407) .ch-community-page .ch-community-grid > article > p:empty{display: none;} body:where(.ch-css-new.page-id-407) .ch-community-page .ch-community-grid h3{font-size: clamp(1.35rem, 2vw, 1.6rem); line-height: 1.25; margin: 0.15rem 0px 0.2rem;} body:where(.ch-css-new.page-id-407) .ch-community-page .ch-community-grid p{font-size: 1rem; line-height: 1.6; margin: 0px;} body:where(.ch-css-new.page-id-407) .ch-community-page .ch-community-grid > article > a{margin-top: auto; padding-top: 12px; font-weight: 700;} body:where(.ch-css-new.page-id-407) .ch-community-page .ch-community-guide-note{padding: clamp(24px, 4vw, 44px); gap: clamp(20px, 4vw, 48px); border: 1px solid rgba(23, 77, 80, 0.14); border-radius: 24px; background: rgba(23, 77, 80, 0.07); color: rgb(23, 43, 44); align-items: start;} body:where(.ch-css-new.page-id-407) .ch-community-page .ch-community-guide-note *{color: inherit;} body:where(.ch-css-new.page-id-407) .ch-community-page .ch-community-guide-note .ch-community-kicker{color: rgb(164, 70, 41);} body:where(.ch-css-new.page-id-407) .ch-community-page .ch-community-guide-note h2{font-size: clamp(1.6rem, 2.6vw, 2.1rem); line-height: 1.25; margin: 0.3rem 0px 0px;} body:where(.ch-css-new.page-id-407) .ch-community-page .ch-community-guide-note p{font-size: 1rem; line-height: 1.65;} body:where(.ch-css-new.page-id-407) .ch-community-page .ch-community-next{gap: 1rem; border: 0px; border-radius: 0px; overflow: visible; background: transparent;} body:where(.ch-css-new.page-id-407) .ch-community-page .ch-community-next > a{border: 1px solid rgb(213, 220, 213); border-radius: 16px; padding: 20px 22px; background: rgba(255, 255, 255, 0.7);} body:where(.ch-css-new.page-id-407) .ch-community-page .ch-community-sources{padding: clamp(24px, 3vw, 36px) 0px;} @media (max-width: 780px){ body:where(.ch-css-new.page-id-407) .ch-community-page .ch-community-intro,body:where(.ch-css-new.page-id-407) .ch-community-page .ch-community-guide-note{grid-template-columns: 1fr;} body:where(.ch-css-new.page-id-407) .ch-community-page .ch-community-grid,body:where(.ch-css-new.page-id-407) .ch-community-page .ch-community-next{grid-template-columns: 1fr;} } /* ch-wide-frames-css [all] */ @media (min-width: 901px){ body:where(.ch-css-new) main.chh .ch-home-hero,body:where(.ch-css-new) main.chh .ch-today,body:where(.ch-css-new) .ch-page-hero,body:where(.ch-css-new) .ch-archive-header{width: calc(100% - 44px) !important; max-width: 1800px !important; margin-inline: auto !important;} body:where(.ch-css-new) main.chh .ch-home-hero{margin-top: 22px !important;} } @media (min-width: 601px) and (max-width: 900px){ body:where(.ch-css-new) main.chh .ch-today{width: calc(100% - 48px) !important; margin-inline: auto !important;} } /* ch-unify-panels-css [all] */ :where(body.ch-css-new) .ch-compare-toolbar,:where(body.ch-css-new) .ch-help-card,:where(body.ch-css-new) .ch-help-chooser__buttons,:where(body.ch-css-new) .ch-reality__panel,:where(body.ch-css-new) .ch-ready-checklist,:where(body.ch-css-new) .ch-reality__facts,:where(body.ch-css-new) .ch-ready-checklist__items,:where(body.ch-css-new) .ch-ready__answer-links{border-radius: 20px; overflow: hidden;} :where(body.ch-css-new) :is(.ch-compare-grid, .ch-quality-route__links, .ch-local-eyes__continue, .ch-first24__timeline, .ch-first24-principles, .ch-quality-phrases__grid){gap: 1rem !important; border: 0px !important; border-radius: 0px !important; overflow: visible !important; background: transparent !important;} :where(body.ch-css-new) :is(.ch-compare-grid, .ch-quality-route__links, .ch-local-eyes__continue, .ch-first24__timeline, .ch-first24-principles, .ch-quality-phrases__grid) > *{overflow: hidden; border: 1px solid rgb(213, 220, 213) !important; border-radius: 16px !important; margin: 0px !important;} /* ch-unify-tools-css [all] */ :where(body.ch-css-new) .ch-dish,:where(body.ch-css-new) .ch-phr,:where(body.ch-css-new) .ch-budget-calc,:where(body.ch-css-new) .ch-month,:where(body.ch-css-new) .ch-pack{background: rgba(255, 255, 255, 0.7) !important; border-color: rgba(23, 77, 80, 0.14) !important; padding: clamp(20px, 3vw, 32px) !important;} :where(body.ch-css-new) .ch-dish input[type="search"],:where(body.ch-css-new) .ch-dish select,:where(body.ch-css-new) .ch-budget-calc input[type="number"],:where(body.ch-css-new) .ch-budget-calc select,:where(body.ch-css-new) .ch-month select,:where(body.ch-css-new) .ch-pack select{border-radius: 12px !important; padding: 0.7rem 0.9rem !important; font-size: 1rem !important; border-color: rgba(23, 77, 80, 0.25) !important;} :where(body.ch-css-new) .ch-pack fieldset{border-radius: 12px;} :where(body.ch-css-new) .ch-dish__card,:where(body.ch-css-new) .ch-phr__card,:where(body.ch-css-new) .ch-fest{border-radius: 16px;} :where(body.ch-css-new) .ch-phr__practise,:where(body.ch-css-new) .ch-budget-calc__result,:where(body.ch-css-new) .ch-month__out{border-radius: 20px; border: 1px solid rgba(23, 77, 80, 0.14); background: rgba(23, 77, 80, 0.08) !important;} :where(body.ch-css-new) .ch-month__scroll{border: 1px solid rgba(23, 77, 80, 0.14); border-radius: 16px;} :where(body.ch-css-new) .ch-month__table th,:where(body.ch-css-new) .ch-month__table td{line-height: 1.3; vertical-align: middle !important; padding: 0.7rem 0.9rem !important;} :where(body.ch-css-new) .ch-month__table td{font-size: 0.95rem !important;} :where(body.ch-css-new) .ch-month__table thead th{white-space: nowrap;} :where(body.ch-css-new) .ch-month__table tr.is-sel{outline: 0px !important;} :where(body.ch-css-new) .ch-month__table tr.is-sel > *{box-shadow: rgb(23, 77, 80) 0px 2px 0px inset, rgb(23, 77, 80) 0px -2px 0px inset;} :where(body.ch-css-new) .ch-month__table tr.is-sel > :first-child{box-shadow: rgb(23, 77, 80) 0px 2px 0px inset, rgb(23, 77, 80) 0px -2px 0px inset, rgb(23, 77, 80) 2px 0px 0px inset;} :where(body.ch-css-new) .ch-month__table tr.is-sel > :last-child{box-shadow: rgb(23, 77, 80) 0px 2px 0px inset, rgb(23, 77, 80) 0px -2px 0px inset, rgb(23, 77, 80) -2px 0px 0px inset;} :where(body.ch-css-new) .ch-month__rate{align-items: center;} :where(body.ch-css-new) .ch-month__rate li{line-height: 1.3; font-size: 0.85rem; padding: 0.4rem 0.85rem !important;} :where(body.ch-css-new) .ch-month__rate li.is-focus{box-shadow: rgb(23, 77, 80) 0px 0px 0px 2px inset; font-weight: 700; outline: 0px !important;} :where(body.ch-css-new) .ch-month select:focus-visible,:where(body.ch-css-new) .ch-dish select:focus-visible,:where(body.ch-css-new) .ch-dish input:focus-visible,:where(body.ch-css-new) .ch-budget-calc select:focus-visible,:where(body.ch-css-new) .ch-budget-calc input:focus-visible,:where(body.ch-css-new) .ch-pack select:focus-visible{outline: rgb(23, 77, 80) solid 2px !important; outline-offset: 2px !important;} :where(body.ch-css-new) .ch-dish__empty button,:where(body.ch-css-new) .ch-budget-calc__copy,:where(body.ch-css-new) .ch-pack__actions button,:where(body.ch-css-new) .ch-fest-cal button{min-height: 44px;} @media (max-width: 700px){ :where(body.ch-css-new) .ch-dish__grid{grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 0.6rem !important;} :where(body.ch-css-new) .ch-dish__card{min-width: 0px; overflow-wrap: anywhere; padding: 0.8rem 0.85rem !important; gap: 0.25rem !important;} :where(body.ch-css-new) .ch-dish__card h3{font-size: 1rem;} :where(body.ch-css-new) .ch-dish__km{font-size: 1.2rem !important;} :where(body.ch-css-new) .ch-dish__card p{font-size: 0.84rem !important; line-height: 1.45;} :where(body.ch-css-new) .ch-dish__tag{font-size: 0.7rem !important; padding: 0.1rem 0.5rem !important;} } /* ch-type-scale-css [all] */ body:where(.ch-css-new) main :is(.ch-page-content, .ch-destination-content, .ch-place-content) > :is(p, ul, ol, blockquote){font-size: 1.125rem !important; line-height: 1.7 !important;} body:where(.ch-css-new) main :is(.ch-page-content, .ch-destination-content, .ch-place-content) > :is(p, ul, ol, blockquote, h2, h3, h4){max-width: 40rem;} body:where(.ch-css-new) main .ch-page-content :is(.ch-travel-lead, .ch-confirm-box, .ch-planning-note, .ch-section) > p:not(.ch-kicker){max-width: 40rem; font-size: 1.125rem !important; line-height: 1.7 !important;} @media (max-width: 700px){ body:where(.ch-css-new) main .ch-page-content :is(.ch-travel-lead, .ch-confirm-box, .ch-planning-note, .ch-section) > p:not(.ch-kicker){font-size: 1.0625rem !important; line-height: 1.65 !important;} } body:where(.ch-css-new) main h2:not(.screen-reader-text){letter-spacing: -0.015em; font-size: clamp(1.65rem, 2.6vw, 2.15rem) !important; line-height: 1.2 !important;} body:where(.ch-css-new) main :is(.ch-page-content, .ch-destination-content) > h3{font-size: clamp(1.2rem, 1.7vw, 1.4rem) !important; line-height: 1.3 !important;} @media (max-width: 700px){ body:where(.ch-css-new) main :is(.ch-page-content, .ch-destination-content, .ch-place-content) > :is(p, ul, ol, blockquote){font-size: 1.0625rem !important; line-height: 1.65 !important;} } /* ch-type-intros-css [all] */ body:where(.ch-css-new) .ch-home-hero__intro,body:where(.ch-css-new) .ch-page-hero__standfirst{max-width: 36rem; font-size: 1.125rem !important; line-height: 1.6 !important;} @media (max-width: 700px){ body:where(.ch-css-new) .ch-home-hero__intro,body:where(.ch-css-new) .ch-page-hero__standfirst{font-size: 1.0625rem !important;} } body:where(.ch-css-new) .ch-start-welcome__lead{font-size: clamp(1.3rem, 1.9vw, 1.6rem) !important; line-height: 1.35 !important;} body:where(.ch-css-new) :is(.ch-start-time__note, .ch-start-guide__heading > p:not(.ch-kicker), .ch-start-path__intro > p:not(.ch-kicker), .ch-start-tools > p:not(.ch-kicker), .ch-start-quick__head > p:not(.ch-kicker), .ch-start-guide__result > div > p:not(.ch-start-guide__label)){max-width: 40rem; font-size: 1.125rem !important; line-height: 1.65 !important;} body:where(.ch-css-new) .ch-start-guide__actions a span{font-size: 1.05rem !important; line-height: 1.4 !important;} @media (max-width: 700px){ body:where(.ch-css-new) :is(.ch-start-time__note, .ch-start-guide__heading > p:not(.ch-kicker), .ch-start-path__intro > p:not(.ch-kicker), .ch-start-tools > p:not(.ch-kicker), .ch-start-quick__head > p:not(.ch-kicker), .ch-start-guide__result > div > p:not(.ch-start-guide__label)){font-size: 1.0625rem !important; line-height: 1.6 !important;} } /* ch-place-paths-css [all] */ body:where(.ch-css-new) .ch-places-intro .ch-place-paths{gap: 1rem !important; border: 0px !important; border-radius: 0px !important; overflow: visible !important; background: transparent !important; margin-top: clamp(20px, 3vw, 32px) !important;} body:where(.ch-css-new) .ch-places-intro .ch-place-path{overflow: hidden; min-height: 150px; transition: transform 0.2s, background-color 0.2s; border: 1px solid rgb(213, 220, 213) !important; border-radius: 16px !important; margin: 0px !important;} body:where(.ch-css-new) .ch-places-intro .ch-place-path:not(.ch-place-path--compare){background: rgba(255, 255, 255, 0.7);} body:where(.ch-css-new) .ch-places-intro .ch-place-path:not(.ch-place-path--compare):is(:hover, :focus-visible){transform: translateY(-2px); background: rgb(255, 255, 255) !important; color: rgb(23, 43, 44) !important;} body:where(.ch-css-new) .ch-places-intro .ch-place-path:not(.ch-place-path--compare):is(:hover, :focus-visible) strong{color: rgb(23, 43, 44) !important;} body:where(.ch-css-new) .ch-places-intro .ch-place-path:not(.ch-place-path--compare):is(:hover, :focus-visible) span{color: rgb(164, 70, 41) !important;} body:where(.ch-css-new) .ch-places-intro .ch-place-path--compare{grid-column: 1 / -1; min-height: 112px; border-color: transparent !important;} @media (max-width: 700px){ body:where(.ch-css-new) .ch-places-intro .ch-place-paths{grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;} body:where(.ch-css-new) .ch-places-intro .ch-place-path{min-height: 120px; padding: 16px !important;} body:where(.ch-css-new) .ch-places-intro .ch-place-path strong{font-size: 1.05rem;} } /* ch-spacing-css [all] */ body:where(.ch-css-new) main .ch-page-layout{padding-top: clamp(20px, 2.2vw, 30px) !important; padding-bottom: clamp(8px, 1.6vw, 20px) !important;} body:where(.ch-css-new) main .ch-page-hero{margin-bottom: 0px !important;} body:where(.ch-css-new) main .ch-page-content > h2{margin-top: clamp(32px, 4vw, 44px) !important; padding-top: clamp(14px, 2vw, 20px) !important; margin-bottom: 12px !important;} body:where(.ch-css-new) main .ch-page-content > :is(.ch-guide-next, .ch-trip-path, .ch-practical-grid, .ch-guide-link-grid, .ch-travel-feature-grid, .ch-fact-grid, .ch-money-grid, .ch-sim-grid, .ch-responsible-grid, .ch-extension-grid){margin-top: 16px !important;} body:where(.ch-css-new) main .ch-page-content > .ch-trip-path{margin-bottom: clamp(24px, 3vw, 36px) !important;} body:where(.ch-css-new) main .ch-page-content > .ch-contents{margin-bottom: clamp(24px, 3vw, 32px) !important;} body:where(.ch-css-new) main .ch-page-content > .ch-share{margin-top: clamp(24px, 3vw, 32px) !important; margin-bottom: clamp(24px, 3vw, 32px) !important;} body:where(.ch-css-new) main .ch-page-content > :is(.ch-travel-lead, .ch-planning-note, .ch-confirm-box){margin-bottom: clamp(20px, 2.5vw, 28px) !important;} body:where(.ch-css-new) main .ch-gateway-section{margin-top: clamp(12px, 2vw, 24px) !important;} body:where(.ch-css-new) main.chh .chh-section{padding-block: clamp(40px, 4.5vw, 60px) !important;} body:where(.ch-css-new) main.chh .chh-section.ch-home-map{padding-bottom: 0px !important;} body:where(.ch-css-new) main.chh .chh-head{margin-bottom: clamp(20px, 2.4vw, 28px) !important;} body:where(.ch-css-new) .ch-maptoggle{padding-top: clamp(28px, 3.5vw, 40px) !important;} body:where(.ch-css-new) main :is(.ch-sources, .ch-related){margin-top: clamp(28px, 3.5vw, 40px) !important;} body:where(.ch-css-new) main :is(.ch-place-gallery, .ch-place-map, .ch-before-you-go){margin-top: clamp(28px, 3.5vw, 40px) !important;} body:where(.ch-css-new) main .ch-reference__layout > :is(.ch-visitor-facts, .ch-place-gallery, .ch-place-map, .ch-place-planner, .ch-experience-pilot, .ch-page-content, .ch-before-you-go, [class^="ch-place-route"], .ch-sources, .ch-related){margin-top: clamp(24px, 3vw, 36px) !important; margin-bottom: 0px !important;} body:where(.ch-css-new) main :is(.ch-start-path, .ch-start-quick, .ch-start-guide){margin-top: clamp(32px, 4vw, 44px) !important;} body:where(.ch-css-new) main :is(.ch-start-time, .ch-start-tiles, .ch-start-tools, .ch-start-fly){margin-top: clamp(28px, 3.5vw, 36px) !important;} body:where(.ch-css-new) main .ch-start-welcome{margin-bottom: 0px !important;} body:where(.ch-css-new) main .ch-explorer-panel{margin-top: clamp(20px, 2.4vw, 28px) !important; margin-bottom: 0px !important;} body:where(.ch-css-new) main .ch-places-intro{margin-top: clamp(24px, 3vw, 36px) !important; margin-bottom: 0px !important;} body:where(.ch-css-new) main .ch-atlas{margin-top: clamp(28px, 3.5vw, 40px) !important; margin-bottom: 0px !important;} body:where(.ch-css-new) main .ch-place-results{margin-top: clamp(28px, 3.5vw, 40px) !important;} /* ch-compare-radius-css [where] */ body:where(.ch-css-new.page-id-116) .ch-compare-intro{border: 1px solid rgba(23, 77, 80, 0.14) !important; border-radius: 20px !important;} body:where(.ch-css-new.page-id-116) .ch-compare-next{border-radius: 20px !important;} body:where(.ch-css-new.page-id-116) .ch-route-list > li{border: 1px solid rgba(23, 77, 80, 0.14) !important; border-radius: 16px !important;} body:where(.ch-css-new.page-id-116) .ch-compare-card__facts{gap: 10px !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; overflow: visible !important;} body:where(.ch-css-new.page-id-116) .ch-compare-card__facts > div{background: rgba(255, 255, 255, 0.7); min-width: 0px; border: 1px solid rgba(23, 77, 80, 0.14) !important; border-radius: 12px !important; padding: 12px 14px !important; margin: 0px !important;} /* ch-pmap-css [placesArchive] */ :where(body.ch-css-new.post-type-archive-ch_place) .ch-map{display: grid; grid-template-columns: minmax(0px, 1.15fr) minmax(0px, 0.85fr); gap: 2rem; align-items: center;} :where(body.ch-css-new.post-type-archive-ch_place) .ch-map__stage{position: relative; aspect-ratio: 517.2 / 477.7; background: var(--ch-mist,#dce9dd); border-radius: var(--ch-radius,24px); overflow: hidden;} :where(body.ch-css-new.post-type-archive-ch_place) .ch-map__svg{position: absolute; inset: 0px; width: 100%; height: 100%;} :where(body.ch-css-new.post-type-archive-ch_place) .ch-map__prov{fill: rgb(255, 255, 255); stroke: var(--ch-forest,#174d50); stroke-width: 1; stroke-linejoin: round; vector-effect: non-scaling-stroke; cursor: pointer; transition: fill 0.2s;} :where(body.ch-css-new.post-type-archive-ch_place) .ch-map__prov:hover,:where(body.ch-css-new.post-type-archive-ch_place) .ch-map__prov.is-on{fill: rgb(243, 227, 184);} :where(body.ch-css-new.post-type-archive-ch_place) .ch-map__lake{fill: rgb(169, 207, 220); stroke: rgb(111, 168, 192); stroke-width: 1; vector-effect: non-scaling-stroke;} :where(body.ch-css-new.post-type-archive-ch_place) .ch-map__river{fill: none; stroke: rgb(91, 155, 181); stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke;} :where(body.ch-css-new.post-type-archive-ch_place) .ch-map__river--minor{stroke-width: 1.2;} :where(body.ch-css-new.post-type-archive-ch_place) .ch-map__river--main{stroke-width: 2.4;} :where(body.ch-css-new.post-type-archive-ch_place) .ch-map__label{font-size: 9.5px; font-weight: 600; fill: rgb(23, 43, 44); stroke: rgb(255, 255, 255); stroke-width: 2.4px; stroke-linejoin: round; paint-order: stroke; pointer-events: none; font-family: inherit;} @media (max-width: 700px){ :where(body.ch-css-new.post-type-archive-ch_place) .ch-map__label{display: none;} } :where(body.ch-css-new.post-type-archive-ch_place) .ch-map__credit{margin: 0.75rem 0px 0px; font-size: 0.75rem; opacity: 0.7;} :where(body.ch-css-new.post-type-archive-ch_place) .ch-map__pin{position: absolute; width: 16px; height: 16px; margin: -8px 0px 0px -8px; padding: 0px; border: 2px solid rgb(255, 255, 255); border-radius: 50%; background: var(--ch-forest,#174d50); cursor: pointer; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px; transition: transform 0.2s, background 0.2s;} :where(body.ch-css-new.post-type-archive-ch_place) .ch-map__pin:hover,:where(body.ch-css-new.post-type-archive-ch_place) .ch-map__pin:focus-visible,:where(body.ch-css-new.post-type-archive-ch_place) .ch-map__pin[aria-pressed="true"]{background: rgb(199, 146, 47); transform: scale(1.35); z-index: 2;} :where(body.ch-css-new.post-type-archive-ch_place) .ch-map__pin:focus-visible{outline: 3px solid var(--ch-ink,#172b2c); outline-offset: 2px;} :where(body.ch-css-new.post-type-archive-ch_place) .ch-map__pin[data-slug="phnom-penh"]{z-index: 3;} :where(body.ch-css-new.post-type-archive-ch_place) .ch-map__pin[data-slug="kandal"]{margin: 2px 0px 0px 2px;} :where(body.ch-css-new.post-type-archive-ch_place) .ch-map__card{padding: 1.5rem; border-radius: var(--ch-radius,24px); background: rgb(255, 255, 255); border: 1px solid var(--ch-border,#d5dcd5); min-height: 8rem;} :where(body.ch-css-new.post-type-archive-ch_place) .ch-map__card h3{margin: 0px 0px 0.5rem;} :where(body.ch-css-new.post-type-archive-ch_place) .ch-map__card p{margin: 0px 0px 0.75rem;} :where(body.ch-css-new.post-type-archive-ch_place) .ch-map__list-title{margin: 1.4rem 0px 0.5rem; font-size: 0.74rem; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; color: var(--ch-forest,#174d50);} :where(body.ch-css-new.post-type-archive-ch_place) .ch-map__list{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 0.5rem; list-style: none; margin: 0px; padding: 0px;} :where(body.ch-css-new.post-type-archive-ch_place) .ch-map__list a{display: block; padding: 0.6rem 0.85rem; border: 1px solid var(--ch-border,#d5dcd5); border-radius: 12px; background: rgb(255, 255, 255); color: var(--ch-forest,#174d50); font-size: 0.92rem; font-weight: 600; line-height: 1.3; text-decoration: none; transition: background 0.2s, border-color 0.2s;} :where(body.ch-css-new.post-type-archive-ch_place) .ch-map__list a:hover,:where(body.ch-css-new.post-type-archive-ch_place) .ch-map__list a:focus-visible{background: var(--ch-mist,#dce9dd); border-color: var(--ch-forest,#174d50);} :where(body.ch-css-new.post-type-archive-ch_place) .ch-map__regions{display: grid; gap: 0.5rem;} :where(body.ch-css-new.post-type-archive-ch_place) .ch-map__region{border: 1px solid var(--ch-border,#d5dcd5); border-radius: 14px; background: rgb(255, 255, 255); overflow: hidden;} :where(body.ch-css-new.post-type-archive-ch_place) .ch-map__region summary{display: flex; align-items: center; gap: 0.75rem; padding: 0.8rem 1rem; color: var(--ch-forest,#174d50); font-weight: 600; cursor: pointer; list-style: none;} :where(body.ch-css-new.post-type-archive-ch_place) .ch-map__region summary::-webkit-details-marker{display: none;} :where(body.ch-css-new.post-type-archive-ch_place) .ch-map__region summary span{flex: 1 1 0%;} :where(body.ch-css-new.post-type-archive-ch_place) .ch-map__region summary small{display: inline-grid; place-items: center; min-width: 1.7rem; height: 1.7rem; padding: 0px 0.4rem; border-radius: 999px; background: var(--ch-mist,#dce9dd); font-size: 0.8rem; font-weight: 700;} :where(body.ch-css-new.post-type-archive-ch_place) .ch-map__region summary::after{content: "+"; font-size: 1.4rem; line-height: 1;} :where(body.ch-css-new.post-type-archive-ch_place) .ch-map__region[open] summary::after{content: "−";} :where(body.ch-css-new.post-type-archive-ch_place) .ch-map__region summary:focus-visible{outline: 3px solid var(--ch-ink,#172b2c); outline-offset: -3px;} :where(body.ch-css-new.post-type-archive-ch_place) .ch-map__region .ch-map__list{padding: 0px 0.8rem 0.9rem;} @media (max-width: 800px){ :where(body.ch-css-new.post-type-archive-ch_place) .ch-map{grid-template-columns: 1fr;} } body:where(.ch-css-new.post-type-archive-ch_place).post-type-archive-ch_place .ch-pmap,body:where(.ch-css-new.post-type-archive-ch_place).post-type-archive-ch_place .ch-maptoggle{box-sizing: border-box; width: calc(100% - 24px); max-width: 1216px; margin-inline: auto;} :where(body.ch-css-new.post-type-archive-ch_place) .ch-pmap{margin-top: clamp(28px, 3.5vw, 40px); margin-bottom: 0px;} body:where(.ch-css-new.post-type-archive-ch_place).post-type-archive-ch_place .ch-maptoggle{padding-inline: 0px; padding-top: clamp(28px, 3.5vw, 40px);} :where(body.ch-css-new.post-type-archive-ch_place) .ch-pmap__head{display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 12px; margin: 0px 0px clamp(20px, 2.4vw, 28px);} :where(body.ch-css-new.post-type-archive-ch_place) .ch-pmap__kicker{margin: 0px 0px 6px; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(164, 70, 41);} :where(body.ch-css-new.post-type-archive-ch_place) .ch-pmap__head h2{margin: 0px;} :where(body.ch-css-new.post-type-archive-ch_place) .ch-pmap__more{font-weight: 700; color: rgb(23, 77, 80); text-decoration: none;} :where(body.ch-css-new.post-type-archive-ch_place) .ch-pmap__more:hover{text-decoration: underline;} :where(body.ch-css-new.post-type-archive-ch_place) .ch-pmap .chh-more{display: inline-block; margin-top: 0.25rem; font-weight: 700; color: rgb(23, 77, 80); text-decoration: none;} /* ch-search-css [all] */ html:where(:has(body.ch-css-new)).chs-lock{overflow: hidden;} :where(body.ch-css-new) .chs[hidden]{display: none;} :where(body.ch-css-new) .chs{position: fixed; inset: 0px; z-index: 100000; display: flex; justify-content: center; align-items: flex-start; padding: clamp(12px, 8vh, 72px) 12px 12px;} :where(body.ch-css-new) .chs__backdrop{position: absolute; inset: 0px; background: rgba(13, 55, 58, 0.55);} :where(body.ch-css-new) .chs__panel{position: relative; width: min(640px, 100%); max-height: calc(100vh - clamp(24px, 10vh, 96px)); display: flex; flex-direction: column; border-radius: 24px; background: var(--ch-surface,#fffdf8); border: 1px solid var(--ch-line,#d5dcd5); box-shadow: rgba(13, 55, 58, 0.28) 0px 18px 60px; overflow: hidden;} :where(body.ch-css-new) .chs__bar{display: flex; gap: 10px; align-items: center; padding: 14px 14px 10px;} :where(body.ch-css-new) .chs__input{flex: 1 1 0%; min-width: 0px; box-sizing: border-box; min-height: 50px; padding: 12px 16px; border: 1px solid rgba(23, 77, 80, 0.3); border-radius: 14px; background: rgb(255, 255, 255); color: rgb(23, 43, 44); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 1.05rem; appearance: none;} :where(body.ch-css-new) .chs__input:focus{outline: rgb(23, 77, 80) solid 2px; outline-offset: 1px;} :where(body.ch-css-new) .chs__close{flex: 0 0 auto; min-height: 44px; padding: 0px 14px; border: 1px solid var(--ch-line,#d5dcd5); border-radius: 999px; background: rgb(255, 255, 255); color: rgb(23, 43, 44); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 0.85rem; font-weight: 700; cursor: pointer;} :where(body.ch-css-new) .chs__status{padding: 0px 18px 6px; color: rgb(75, 90, 91); font-size: 0.86rem; min-height: 1.2em;} :where(body.ch-css-new) .chs__list{list-style: none; margin: 0px; padding: 0px 8px 8px; overflow: auto; flex: 1 1 0%;} :where(body.ch-css-new) .chs__item a{display: block; padding: 11px 12px; border-radius: 12px; color: inherit; text-decoration: none !important;} :where(body.ch-css-new) .chs__item[aria-selected="true"] a,:where(body.ch-css-new) .chs__item a:hover{background: rgba(23, 77, 80, 0.09);} :where(body.ch-css-new) .chs__row{display: flex; align-items: center; gap: 8px;} :where(body.ch-css-new) .chs__t{font-weight: 700; font-size: 1rem; color: rgb(23, 43, 44);} :where(body.ch-css-new) .chs__y{font-size: 0.7rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(164, 70, 41);} :where(body.ch-css-new) .chs__d{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-top: 2px; color: rgb(75, 90, 91); font-size: 0.88rem; line-height: 1.45;} :where(body.ch-css-new) .chs__chips{display: flex; flex-wrap: wrap; gap: 8px; padding: 2px 18px 14px;} :where(body.ch-css-new) .chs__chips button{min-height: 40px; padding: 0px 14px; border: 1px solid var(--ch-line,#d5dcd5); border-radius: 999px; background: rgb(255, 255, 255); color: rgb(23, 43, 44); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 0.9rem; font-weight: 600; cursor: pointer;} :where(body.ch-css-new) .chs__chips button:hover{border-color: rgb(23, 77, 80);} :where(body.ch-css-new) .chs__chips[hidden],:where(body.ch-css-new) .chs__all[hidden]{display: none;} :where(body.ch-css-new) .chs__all{display: block; padding: 12px 18px 16px; border-top: 1px solid var(--ch-line,#d5dcd5); color: rgb(23, 77, 80); font-weight: 700; text-decoration: none !important;} :where(body.ch-css-new) .chs__all:hover{background: rgba(23, 77, 80, 0.06);} @media (max-width: 640px){ :where(body.ch-css-new) .chs{padding-top: 12px;} :where(body.ch-css-new) .chs__panel{max-height: calc(-24px + 100vh);} } /* ch-center-prose-css [all] */ body:where(.ch-css-new).ch-prose-page main .ch-page-content > :is(p, ul, ol, blockquote, h2, h3, h4, .ch-travel-lead, .ch-planning-note, .ch-confirm-box, .ch-contents){margin-inline: auto;} body:where(.ch-css-new).ch-prose-page main .ch-page-content > :is(.ch-travel-lead, .ch-planning-note, .ch-confirm-box, .ch-contents){max-width: 42rem;} /* ch-howto-css [singlePlace] */ :where(body.ch-css-new.single-ch_place) .ch-howto{background: var(--ch-surface,#fffdf8); border: 1px solid var(--ch-line,#d5dcd5); border-radius: var(--ch-r-2,16px); padding: 1.1rem 1.25rem; margin: 1.25rem 0px 1.5rem;} :where(body.ch-css-new.single-ch_place) .ch-howto__title{margin: 0px 0px 0.6rem; font-size: var(--ch-kicker-size,.75rem); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(47, 93, 70);} :where(body.ch-css-new.single-ch_place) .ch-howto ul{list-style: none; margin: 0px; padding: 0px;} :where(body.ch-css-new.single-ch_place) .ch-howto li{padding: 0.55rem 0px; border-top: 1px solid var(--ch-line,#d5dcd5); line-height: 1.55;} :where(body.ch-css-new.single-ch_place) .ch-howto li:first-child{border-top: 0px; padding-top: 0px;} :where(body.ch-css-new.single-ch_place) .ch-howto li strong{display: block; margin-bottom: 0.1rem;} :where(body.ch-css-new.single-ch_place) .ch-howto__book{margin: 0.85rem 0px 0px; font-size: 0.9rem; color: rgb(75, 90, 82); line-height: 1.55;} :where(body.ch-css-new.single-ch_place) .ch-howto__date{white-space: nowrap;} @media (max-width: 600px){ :where(body.ch-css-new.single-ch_place) .ch-howto{padding: 1rem;} } /* ch-design-system-css [all] */ :root:where(:has(body.ch-css-new)){--ch-r-1: 12px; --ch-r-2: 16px; --ch-r-3: 24px; --ch-r-4: 32px; --ch-surface: #fffdf8; --ch-surface-raised: #fff; --ch-line: #d5dcd5; --ch-kicker-size: .75rem;} body:where(.ch-css-new) :is(main, footer) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="search"]):not([type="hidden"]), select, textarea){border-radius: var(--ch-r-1) !important;} body:where(.ch-css-new) :is(.ch-travel-lead, .ch-confirm-box, .ch-planning-note, .ch-contents, .ch-compare-intro, .ch-start-tile, .ch-before-you-go__links, .chh-card, .chh-panel, .ch-map__region, .ch-tv-help, .ch-angpick__result, .ch-month__out, .ch-start-guide__choices button){border-radius: var(--ch-r-2) !important;} body:where(.ch-css-new) :is(.ch-place-map, .ch-place-planner, .ch-explorer-panel, .ch-compare-toolbar, .ch-destination-hero__visual, .ch-start-path__steps, .ch-start-quick__grid, .ch-start-quick, .ch-reference__header, .ch-experience-pilot){border-radius: var(--ch-r-3) !important;} body:where(.ch-css-new) :is(.chh-card, .chh-panel, .ch-result-card, .ch-destination-hero__copy, .ch-experience-pilot__card, .ch-gateway-card, .ch-compare-card, .ch-place-map){background-color: var(--ch-surface) !important;} body:where(.ch-css-new) :is(.chc, .ch-compare-intro, .ch-maptoggle__bar, .ch-experience-pilot__pairing){border-color: var(--ch-line) !important;} body:where(.ch-css-new) :is(.ch-result-card, .ch-practical-grid article, .ch-upcoming-grid article, .ch-guide-link-grid > *, .ch-experience-pilot__card, .ch-map__card, .ch-gateway-card, .ch-compare-card, .ch-place-card__body) h3{font-size: 1.4rem !important; line-height: 1.25 !important;} body:where(.ch-css-new) :is(.chh-card__body, .ch-trip-path article, .ch-experience-pilot__pairing, .ch-compare-next) h3{font-size: 1.2rem !important; line-height: 1.3 !important;} body:where(.ch-css-new) .ch-start-guide__result h3{font-size: clamp(1.8rem, 3vw, 2.4rem) !important; line-height: 1.15 !important;} body:where(.ch-css-new) :is(.ch-kicker, .chh-kicker, .ch-pmap__kicker, .chh-card__eyebrow, .ch-page-hero__eyebrow){font-weight: 700; font-size: var(--ch-kicker-size) !important; letter-spacing: 0.12em !important; line-height: 1.3 !important;} body:where(.ch-css-new) .ch-place-planner__primary{border-radius: 999px !important;} body:where(.ch-css-new) .ch-start-tools__grid a,body:where(.ch-css-new) .ch-start-time__grid a,body:where(.ch-css-new) .ch-start-fly__grid a,body:where(.ch-css-new) .ch-start-guide .ch-start-guide__choices button,body:where(.ch-css-new) .ch-trust-row a{border-radius: var(--ch-r-2) !important;} body:where(.ch-css-new) .chh-weather a{border-radius: var(--ch-r-1) !important;} body:where(.ch-css-new) .ch-explorer-form__actions button{border-radius: 999px !important;} body:where(.ch-css-new) :is(.ch-practical-grid > *, .ch-guide-choice-grid > *, .ch-guide-at-a-glance > *, .ch-upcoming-grid > *, .ch-guide-link-grid > *, .ch-season-grid > *, .ch-money-grid > *, .ch-fact-grid > *, .ch-glance > *, .ch-month-grid > *, .ch-extension-grid > *, .ch-sim-grid > *, .ch-responsible-grid > *, .ch-restorative-grid > *, .ch-travel-feature-grid > *, .ch-transport-grid > *){background-color: var(--ch-surface) !important;} body:where(.ch-css-new) :is(.ch-dish__card) h3{font-size: 1.2rem !important; line-height: 1.3 !important;} body:where(.ch-css-new) :is(.ch-guide-choice-grid, .ch-season-grid, .ch-practical-grid, .ch-upcoming-grid, .ch-guide-link-grid, .ch-angpick, .ch-month__out, .ch-month) h3{font-size: 1.4rem !important; line-height: 1.25 !important;} body:where(.ch-css-new) main h2{font-weight: 600;} /* ch-credit-icon-css [singlePlace] */ :where(body.ch-css-new.single-ch_place) .ch-destination-hero__visual .ch-image-credit{overflow: hidden; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: width 0.2s, border-radius 0.2s; width: 28px !important; height: 28px !important; min-width: 0px !important; padding: 0px !important; border-radius: 50% !important;} :where(body.ch-css-new.single-ch_place) .ch-destination-hero__visual .ch-image-credit::before{content: "i"; font: italic 700 0.8rem / 1 Georgia, serif; color: rgb(255, 255, 255);} :where(body.ch-css-new.single-ch_place) .ch-destination-hero__visual .ch-image-credit > *{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap;} :where(body.ch-css-new.single-ch_place) .ch-destination-hero__visual .ch-image-credit:hover,:where(body.ch-css-new.single-ch_place) .ch-destination-hero__visual .ch-image-credit:focus-visible,:where(body.ch-css-new.single-ch_place) .ch-destination-hero__visual .ch-image-credit.is-open{width: auto !important; height: auto !important; padding: 0.28rem 0.65rem !important; border-radius: 14px !important;} :where(body.ch-css-new.single-ch_place) .ch-destination-hero__visual .ch-image-credit:hover::before,:where(body.ch-css-new.single-ch_place) .ch-destination-hero__visual .ch-image-credit:focus-visible::before,:where(body.ch-css-new.single-ch_place) .ch-destination-hero__visual .ch-image-credit.is-open::before{display: none;} :where(body.ch-css-new.single-ch_place) .ch-destination-hero__visual .ch-image-credit:hover > :not(a),:where(body.ch-css-new.single-ch_place) .ch-destination-hero__visual .ch-image-credit:focus-visible > :not(a),:where(body.ch-css-new.single-ch_place) .ch-destination-hero__visual .ch-image-credit.is-open > :not(a){position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal;} /* ch-home-layout-css [home] */ @media (min-width: 1001px){ :where(body.ch-css-new.home) section[aria-labelledby="chh-places"] .chh-row{grid-template-columns: repeat(6, minmax(0px, 1fr));} :where(body.ch-css-new.home) section[aria-labelledby="chh-places"] .chh-row > :nth-child(-n+2){grid-column: span 3;} :where(body.ch-css-new.home) section[aria-labelledby="chh-places"] .chh-row > :nth-child(n+3){grid-column: span 2;} :where(body.ch-css-new.home) section[aria-labelledby="chh-places"] .chh-card__media{aspect-ratio: 4 / 3;} :where(body.ch-css-new.home) section[aria-labelledby="chh-places"] .chh-row > :nth-child(-n+2) .chh-card__media{aspect-ratio: 16 / 9;} } :where(body.ch-css-new.home) .chh-split{align-items: stretch;} :where(body.ch-css-new.home) .chh-split > .chh-panel{display: flex; flex-direction: column;} :where(body.ch-css-new.home) .ch-trust-row strong{color: rgb(23, 43, 44);} html body:where(.ch-css-new.home) main form.chc-news.chc-news.chc-news.chc-news.chc-news.chc-news.chc-news input[type="email"],html body:where(.ch-css-new.home) main form.chc-news.chc-news.chc-news.chc-news.chc-news.chc-news.chc-news input[type="text"]:not([name="website"]){padding-inline: 1.35rem; border-radius: 999px !important;} :where(body.ch-css-new.home) .chh-split .chh-weather{flex: 1 1 auto; grid-auto-rows: 1fr;} :where(body.ch-css-new.home) .chh-split .chh-credit{margin-top: auto; padding-top: 1rem;} :where(body.ch-css-new.home) .chh-weather a{align-content: center;} /* ch-icons-css [icons] */ :where(body.ch-css-new:is(.home,.single-ch_place,.page-id-130)) .ch-ico{display: inline-flex; flex: 0 0 auto; width: 22px; height: 22px; color: var(--ch-forest,#2f5d46); line-height: 0;} :where(body.ch-css-new:is(.home,.single-ch_place,.page-id-130)) .ch-ico svg{width: 100%; height: 100%; display: block;} :where(body.ch-css-new:is(.home,.single-ch_place,.page-id-130)) .chh-list a > strong,:where(body.ch-css-new:is(.home,.single-ch_place,.page-id-130)) .ch-howto li > strong{display: flex; align-items: center; gap: 0.6rem;} :where(body.ch-css-new:is(.home,.single-ch_place,.page-id-130)) .chh-list a{align-items: center;} :where(body.ch-css-new:is(.home,.single-ch_place,.page-id-130)) .chh-list a > span{align-self: center;} :where(body.ch-css-new:is(.home,.single-ch_place,.page-id-130)) .chh-weather__temp .ch-wxi{width: 34px; height: 34px;} :where(body.ch-css-new:is(.home,.single-ch_place,.page-id-130)) .chh-weather__temp{gap: 0.55rem; font-size: 2.1rem;} :where(body.ch-css-new:is(.home,.single-ch_place,.page-id-130)) .chh-weather a{gap: 0.3rem;} :where(body.ch-css-new:is(.home,.single-ch_place,.page-id-130)) .chh-weather__city{font-size: 1rem;} :where(body.ch-css-new:is(.home,.single-ch_place,.page-id-130)) .chh-weather__cond{font-size: 0.88rem;} :where(body.ch-css-new:is(.home,.single-ch_place,.page-id-130)) .chh-list a > strong .ch-ico{width: 24px; height: 24px;} :where(body.ch-css-new:is(.home,.single-ch_place,.page-id-130)) .ch-howto li > strong .ch-ico{width: 20px; height: 20px;} :where(body.ch-css-new:is(.home,.single-ch_place,.page-id-130)) .ch-ico--tile{width: 44px; height: 44px; margin-bottom: 0.6rem; align-items: center; justify-content: center; border-radius: var(--ch-r-2,16px); background: color-mix(in srgb,var(--ch-mist,#e8efe9) 70%,#fffdf8);} :where(body.ch-css-new:is(.home,.single-ch_place,.page-id-130)) .ch-ico--tile svg{width: 24px; height: 24px;} :where(body.ch-css-new:is(.home,.single-ch_place,.page-id-130)) .ch-ico--wide svg{width: 100%; height: auto; max-height: 100%;} :where(body.ch-css-new:is(.home,.single-ch_place,.page-id-130)) .ch-ico--tile.ch-ico--wide svg{width: 28px;} :where(body.ch-css-new:is(.home,.single-ch_place,.page-id-130)) .chh-list a > strong .ch-ico--wide{width: 28px;} :where(body.ch-css-new:is(.home,.single-ch_place,.page-id-130)) .ch-visitor-facts div > span{display: flex; align-items: center; gap: 0.4rem;} :where(body.ch-css-new:is(.home,.single-ch_place,.page-id-130)) .ch-quickfacts{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 0.9rem; margin: 1rem 0px 2rem;} :where(body.ch-css-new:is(.home,.single-ch_place,.page-id-130)) .ch-quickfacts > div{padding: 1.1rem 1.2rem; border: 1px solid var(--ch-line,#d5dcd5); border-radius: var(--ch-r-2,16px); background: var(--ch-surface,#fffdf8);} :where(body.ch-css-new:is(.home,.single-ch_place,.page-id-130)) .ch-qf__label{display: flex; align-items: center; gap: 0.5rem; margin: 0px 0px 0.35rem; font-size: var(--ch-kicker-size,.75rem); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ch-laterite,#a44629);} :where(body.ch-css-new:is(.home,.single-ch_place,.page-id-130)) .ch-quickfacts strong{display: block; font-weight: 500; line-height: 1.55;} :where(body.ch-css-new:is(.home,.single-ch_place,.page-id-130)) .ch-quickfacts .ch-ico{width: 20px; height: 20px;} @media (max-width: 700px){ :where(body.ch-css-new:is(.home,.single-ch_place,.page-id-130)) .ch-quickfacts{grid-template-columns: 1fr;} } body:where(.ch-css-new:is(.home,.single-ch_place,.page-id-130)).page-id-130 .ch-practical-grid article ul{margin: 0.7rem 0px 0px; padding-left: 1.2rem;} body:where(.ch-css-new:is(.home,.single-ch_place,.page-id-130)).page-id-130 .ch-practical-grid article ul li{margin: 0px 0px 0.45rem; padding-left: 0.15rem;} :where(body.ch-css-new:is(.home,.single-ch_place,.page-id-130)) .ch-visitor-facts .ch-ico{width: 18px; height: 18px;} /* ch-credit-home-css [home] */ :where(body.ch-css-new.home) .ch-home-hero__credit{width: 28px; height: 28px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; cursor: pointer; background: rgba(13, 55, 58, 0.55); border: 1px solid rgba(255, 255, 255, 0.3); backdrop-filter: blur(10px) saturate(1.3); transition: width 0.2s, border-radius 0.2s;} :where(body.ch-css-new.home) .ch-home-hero__credit::before{content: "i"; font: italic 700 0.8rem / 1 Georgia, serif; color: rgb(255, 255, 255);} :where(body.ch-css-new.home) .ch-home-hero__credit a{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px !important; background: none !important; padding: 0px !important;} :where(body.ch-css-new.home) .ch-home-hero__credit:hover,:where(body.ch-css-new.home) .ch-home-hero__credit:focus-within,:where(body.ch-css-new.home) .ch-home-hero__credit.is-open{width: auto; height: auto; padding: 0.28rem 0.7rem; border-radius: 14px;} :where(body.ch-css-new.home) .ch-home-hero__credit:hover::before,:where(body.ch-css-new.home) .ch-home-hero__credit:focus-within::before,:where(body.ch-css-new.home) .ch-home-hero__credit.is-open::before{display: none;} :where(body.ch-css-new.home) .ch-home-hero__credit:hover a,:where(body.ch-css-new.home) .ch-home-hero__credit:focus-within a,:where(body.ch-css-new.home) .ch-home-hero__credit.is-open a{position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; color: rgb(255, 255, 255); padding: 0px !important;} /* ch-context-help-fix [all] */ :where(body.ch-css-new) .ch-context-help{flex-wrap: wrap;} :where(body.ch-css-new) .ch-context-help > div > span,:where(body.ch-css-new) .ch-context-help .ch-kicker{color: var(--ch-laterite,#a44629);} :where(body.ch-css-new) .ch-context-help strong{color: rgb(23, 43, 44);} :where(body.ch-css-new) .ch-context-help p{color: rgb(61, 77, 78);} :where(body.ch-css-new) .ch-context-help > a{background: rgb(23, 77, 80); color: rgb(255, 255, 255); border: 1px solid rgb(23, 77, 80);} :where(body.ch-css-new) .ch-context-help > a:hover,:where(body.ch-css-new) .ch-context-help > a:focus-visible{background: rgb(13, 55, 57); color: rgb(255, 255, 255);} /* ch-byt-type-css [all] */ html body:where(.ch-css-new) main .ch-ready__intro h2,html body:where(.ch-css-new) main .ch-ready-checklist__head h2{border-top: 0px; padding-top: 0px;} html body:where(.ch-css-new) main .ch-ready__intro p:not(.ch-kicker),html body:where(.ch-css-new) main .ch-ready-checklist__head p:not(.ch-kicker){font-size: 1.0625rem; line-height: 1.65;} html body:where(.ch-css-new) main .ch-ready__stages button{font-size: 1rem; line-height: 1.4; padding: 0.85rem 1.1rem; min-height: 0px; align-content: start;} html body:where(.ch-css-new) main .ch-ready__answer h3{font-size: clamp(1.5rem, 2.2vw, 1.8rem); line-height: 1.2;} html body:where(.ch-css-new) main .ch-ready__answer-copy{font-size: 1.0625rem; line-height: 1.65;} html body:where(.ch-css-new) main .ch-ready__answer-links a,html body:where(.ch-css-new) main .ch-ready__answer-links span{font-size: 1rem; line-height: 1.5;} html body:where(.ch-css-new) main .ch-ready-checklist__items label strong{font-size: 1.125rem; line-height: 1.4;} html body:where(.ch-css-new) main .ch-ready-checklist__items label small{font-size: 1rem; line-height: 1.5;} html body:where(.ch-css-new) main .ch-ready-checklist button.ch-ready-checklist__reset,html body:where(.ch-css-new) main .ch-ready-checklist [data-ch-ready-reset]{font-size: 1rem;} html body:where(.ch-css-new) main .ch-context-help strong{font-size: 1.4rem; line-height: 1.3;} html body:where(.ch-css-new) main .ch-context-help p{font-size: 1.0625rem; line-height: 1.65;} html body:where(.ch-css-new) main .ch-context-help > a{font-size: 1rem;} html body:where(.ch-css-new).page-id-130 main .ch-confirm-box strong,html body:where(.ch-css-new).page-id-130 main .ch-planning-note strong{font-size: 1.125rem; line-height: 1.4;} html body:where(.ch-css-new).page-id-130 main .ch-quickfacts strong,html body:where(.ch-css-new).page-id-130 main .ch-quickfacts strong a{font-size: 1.0625rem; font-weight: 400; line-height: 1.6;} html body:where(.ch-css-new).page-id-130 main .ch-practical-grid article p:not(.ch-kicker),html body:where(.ch-css-new).page-id-130 main .ch-practical-grid article li,html body:where(.ch-css-new).page-id-130 main .ch-practical-grid article p a,html body:where(.ch-css-new).page-id-130 main .ch-practical-grid article li a{font-size: 1.0625rem; line-height: 1.65;} html body:where(.ch-css-new).page-id-130 main .ch-checklist strong{font-size: 1.125rem; line-height: 1.4;} html body:where(.ch-css-new).page-id-130 main .ch-checklist span,html body:where(.ch-css-new).page-id-130 main .ch-checklist span a{font-size: 1.0625rem; line-height: 1.65;} /* ch-byt-radius-css [all] */ html body:where(.ch-css-new) main .ch-ready__intro{display: block;} html body:where(.ch-css-new) main .ch-ready__intro > p:last-child{margin: 0.6rem 0px 0px; max-width: 40rem;} html body:where(.ch-css-new) main .ch-ready__stages{gap: 0.75rem; margin-bottom: 0.75rem;} html body:where(.ch-css-new) main .ch-ready__stages button{border-radius: var(--ch-r-2,16px);} html body:where(.ch-css-new) main .ch-ready__answer{border-radius: var(--ch-r-3,24px); overflow: hidden;} html body:where(.ch-css-new) main .ch-ready__answer-links{border-radius: 0px; border-top: 0px; overflow: visible;} html body:where(.ch-css-new) main aside.ch-context-help,html body:where(.ch-css-new) main .ch-ready-checklist{border-radius: var(--ch-r-3,24px);} html body:where(.ch-css-new) main .ch-ready-checklist__items{border-radius: var(--ch-r-2,16px);} /* ch-source-note-css [all] */ html body:where(.ch-css-new) main .ch-page-content > p.ch-source-note,html body:where(.ch-css-new) main .ch-page-content p.ch-source-note{color: rgb(75, 90, 82); margin: 1.25rem 0px; font-size: 0.875rem !important; line-height: 1.55 !important;} /* ch-stage-hover-css [all] */ html body:where(.ch-css-new) main .ch-ready__stages button:not(.is-active):hover,html body:where(.ch-css-new) main .ch-ready__stages button:not(.is-active):focus-visible{color: rgb(23, 43, 44); border-color: var(--ch-forest,#174d50);} html body:where(.ch-css-new) main .ch-ready__stages button:not(.is-active):hover span,html body:where(.ch-css-new) main .ch-ready__stages button:not(.is-active):focus-visible span{color: rgb(164, 70, 41);} /* ch-ds-group-css [all] */ html body:where(.ch-css-new) main .ch-page-content{font-size: 1.0625rem;} html body:where(.ch-css-new) main .ch-page-content > ul > li,html body:where(.ch-css-new) main .ch-page-content > ol > li{font-size: 1.125rem;} html body:where(.ch-css-new) main .ch-page-content img,html body:where(.ch-css-new) main figure img{border-radius: var(--ch-r-2,16px);} html body:where(.ch-css-new) main article.ch-fest,html body:where(.ch-css-new) main .ch-place-card__image{border-radius: var(--ch-r-2,16px);} html body:where(.ch-css-new) main .chkc{border-radius: var(--ch-r-3,24px);} html body:where(.ch-css-new) main figcaption{border-radius: 12px;} html body:where(.ch-css-new) main .ch-help-chooser__buttons button{border-radius: 0px;} html body:where(.ch-css-new) main .ch-help-chooser__buttons br{display: none;} html body:where(.ch-css-new) main .ch-help-chooser__head > p:not(:first-child){font-size: 1rem; font-weight: 400; letter-spacing: 0px; text-transform: none; color: rgb(75, 90, 82);} html body:where(.ch-css-new) main .ch-help-chooser__head > p:not(:first-child) span{font-size: inherit; font-weight: inherit; letter-spacing: inherit; text-transform: none; color: inherit;} html body:where(.ch-css-new) main .ch-reality__destinations,html body:where(.ch-css-new) main .ch-first24__controls,html body:where(.ch-css-new) main .ch-help-card__numbers,html body:where(.ch-css-new) main .ch-place-gallery__item{border-radius: var(--ch-r-2,16px); overflow: hidden;} html body:where(.ch-css-new) main .ch-reality__choice,html body:where(.ch-css-new) main .ch-first24__field,html body:where(.ch-css-new) main .ch-help-card__numbers a{border-radius: var(--ch-r-1,12px);} html body:where(.ch-css-new) main .ch-before-you-go .ch-kicker{color: rgb(230, 196, 127);} html body:where(.ch-css-new) main .ch-help-card__eyebrow,html body:where(.ch-css-new) main .ch-help-chooser__head > p:first-child,html body:where(.ch-css-new) main .ch-help-prepare > div > p,html body:where(.ch-css-new) main .ch-help-official > p:first-child{color: rgb(164, 70, 41); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;} html body:where(.ch-css-new) main .ch-help-official__note{color: rgb(75, 90, 82);} html body:where(.ch-css-new).ch-prose-page main .ch-page-content > :is(.ch-travel-lead, .ch-confirm-box, .ch-planning-note, .ch-contents){max-width: 40rem;} html body:where(.ch-css-new) main .ch-page-lead-media img,html body:where(.ch-css-new) main .ch-destination-hero__visual,html body:where(.ch-css-new) main .ch-destination-hero__visual img{border-radius: var(--ch-r-3,24px);} html body:where(.ch-css-new) main .ch-budget-calc__result{border-radius: var(--ch-r-2,16px);} html body:where(.ch-css-new) main aside.chkc-page,html body:where(.ch-css-new) main .ch-reality__result,html body:where(.ch-css-new) main .ch-first24__result,html body:where(.ch-css-new) main section.ch-help-prepare{border-radius: var(--ch-r-3,24px);} html body:where(.ch-css-new) main .ch-place-gallery__item figcaption{border-radius: 12px !important;} html body:where(.ch-css-new) main aside.ch-phrases-note,html body:where(.ch-css-new).page-useful-khmer-phrases-for-travellers main .ch-page-content > aside{border-radius: var(--ch-r-2,16px);} html body:where(.ch-css-new) main .ch-compare-next a.ch-button{color: rgb(23, 43, 44);} html body:where(.ch-css-new) main .ch-compare-next a.ch-button:hover,html body:where(.ch-css-new) main .ch-compare-next a.ch-button:focus-visible{color: rgb(23, 43, 44); background: rgb(230, 196, 127);} html body:where(.ch-css-new) main section.ch-before-you-go,html body:where(.ch-css-new) main section.chkc-sheet,html body:where(.ch-css-new) main div.ch-compare-next,html body:where(.ch-css-new) main div.ch-reality__panel,html body:where(.ch-css-new) main section.ch-help-card,html body:where(.ch-css-new) main .ch-page-content > aside{border-radius: var(--ch-r-3,24px);} html body:where(.ch-css-new) main a.ch-quality-official,html body:where(.ch-css-new) main p.ch-reality__advice{border-radius: var(--ch-r-1,12px);} html body:where(.ch-css-new) main .ch-compare-next a.ch-button,html body:where(.ch-css-new) main .ch-compare-next a.ch-button:visited{color: rgb(23, 43, 44) !important;} html body:where(.ch-css-new) main div.ch-compare-next{border-radius: var(--ch-r-3,24px) !important;} html body:where(.ch-css-new) main div.ch-help-chooser__buttons,html body:where(.ch-css-new) main div.ch-reality__facts,html body:where(.ch-css-new) main header.chkc-head{border-radius: var(--ch-r-2,16px) !important;} html body:where(.ch-css-new) main .ch-page-content aside:not([class]){overflow: hidden; border-radius: var(--ch-r-2,16px) !important;} html body:where(.ch-css-new) main p.ch-start-welcome__lead{font-size: 1.125rem;} html body:where(.ch-css-new) main span.ch-dish__km{font-size: 1rem;} html body:where(.ch-css-new) main .ch-sources li,html body:where(.ch-css-new) main .ch-sources li a{font-size: 0.875rem; line-height: 1.6;} html body:where(.ch-css-new) main .ch-sources li{margin: 0px 0px 0.3rem; color: rgb(75, 90, 82);} html body:where(.ch-css-new).page-id-130 main .ch-quickfacts strong,html body:where(.ch-css-new).page-id-130 main .ch-quickfacts strong a{font-size: 1rem; line-height: 1.55;} html body:where(.ch-css-new) main .ch-itinerary-timeline,html body:where(.ch-css-new) main .ch-slow-rhythm{border-radius: var(--ch-r-2,16px);} html body:where(.ch-css-new) main .ch-quality-route,html body:where(.ch-css-new) main .ch-community-intro,html body:where(.ch-css-new) main .ch-community-sources{border-radius: var(--ch-r-3,24px);} html body:where(.ch-css-new) main .ch-page-content article.ch-community-card,html body:where(.ch-css-new) main section.ch-community-intro article{border-radius: var(--ch-r-2,16px);} html body:where(.ch-css-new) main .ch-start-path__steps a strong{font-size: 1.0625rem;} html body:where(.ch-css-new) main section.ch-sources h2{line-height: 1.3; margin: 0px 0px 0.75rem; padding-top: 0px; font-size: 1.4rem !important;} html body:where(.ch-css-new) main section.ch-sources{margin-top: 4rem !important;} html body:where(.ch-css-new) main section.ch-related{margin-top: 4rem !important; padding-top: 2.5rem;} html body:where(.ch-css-new) main section.ch-related h2{margin: 0px 0px 1.5rem;} html body:where(.ch-css-new) main .ch-page-content > h2{margin-bottom: 1.5rem !important;} html body:where(.ch-css-new) main .ch-page-content > :is(.ch-guide-next, .ch-trip-path, .ch-practical-grid){margin-top: 1.5rem !important;} html body:where(.ch-css-new) main .ch-page-content > .ch-guide-next{margin-bottom: 1.75rem !important;} html body:where(.ch-css-new) main .ch-page-content > .ch-guide-next + :is(.ch-planning-note, .ch-confirm-box, .ch-travel-lead, p){margin-top: 1.75rem !important;} html body:where(.ch-css-new) main .ch-page-content > h2[id^="useful-reading"] + p,html body:where(.ch-css-new) main .ch-page-content > h2[id^="useful-reading"] + ul{font-size: 1rem !important; line-height: 1.7 !important;} html body:where(.ch-css-new) main .ch-page-content > section.ch-section:not(:first-child){margin-top: 3.5rem;} html body:where(.ch-css-new) main .ch-page-content > section.ch-section > .ch-kicker:first-child + h2{border-top: 0px; padding-top: 0px; margin-top: 0.35rem !important;} html body:where(.ch-css-new) main .ch-page-content > .ch-kicker:has(+ h2){margin-top: 3.5rem; margin-bottom: 0.35rem;} html body:where(.ch-css-new) main .ch-page-content > .ch-kicker + h2{border-top: 0px; padding-top: 0px; margin-top: 0px !important;} html body:where(.ch-css-new) main aside.ch-visitor-facts{align-items: stretch;} html body:where(.ch-css-new) main aside.ch-visitor-facts > div,html body:where(.ch-css-new) main aside.ch-visitor-facts > a{display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 0.4rem;} html body:where(.ch-css-new) main aside.ch-visitor-facts strong{font-size: 1rem; font-weight: 600; line-height: 1.5;} html body:where(.ch-css-new) main aside.ch-visitor-facts > a{flex-direction: row; gap: 0.35rem; font-size: 1rem; font-weight: 600; line-height: 1.5; color: var(--ch-forest,#174d50); text-decoration: none;} html body:where(.ch-css-new) main aside.ch-visitor-facts > a span{white-space: nowrap;} html body:where(.ch-css-new) main section.ch-place-gallery,html body:where(.ch-css-new) main section.ch-place-planner,html body:where(.ch-css-new) main section.ch-experience-pilot{max-width: none; width: 100%; margin-inline: 0px;} html body:where(.ch-css-new) main .ch-place-gallery__grid{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr)); gap: 1rem;} html body:where(.ch-css-new) main .ch-place-gallery__item{margin: 0px; aspect-ratio: 3 / 2; overflow: hidden; border-radius: var(--ch-r-2,16px); grid-area: auto !important;} html body:where(.ch-css-new) main .ch-place-gallery__item a{display: block; height: 100%;} html body:where(.ch-css-new) main .ch-place-gallery__item img{display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0px;} html body:where(.ch-css-new) main .ch-place-gallery__heading > p{font-size: 1rem; color: rgb(75, 90, 82);} html body:where(.ch-css-new) main .ch-place-planner{border-radius: var(--ch-r-3,24px); overflow: hidden;} html body:where(.ch-css-new) main .ch-place-planner__actions a,html body:where(.ch-css-new) main .ch-place-planner__actions a.ch-place-planner__primary{border-radius: 0px !important;} html body:where(.ch-css-new) main .ch-experience-pilot__card{display: flex; flex-direction: column;} html body:where(.ch-css-new) main .ch-experience-pilot__card h3{min-height: 2.6em;} html body:where(.ch-css-new) main .ch-experience-pilot__card > p:not(.ch-kicker){font-size: 1.0625rem; line-height: 1.65;} @media (min-width: 1000px){ html body:where(.ch-css-new) main .ch-experience-pilot__card > p:not(.ch-kicker){min-height: 8.75rem;} html body:where(.ch-css-new) main .ch-experience-pilot__card h3{min-height: 2.6em;} } html body:where(.ch-css-new) main .ch-experience-pilot__card dl{display: grid; grid-template-columns: 1fr; gap: 0.9rem; margin: 0px 0px 1.25rem; padding-top: 1rem; align-content: start;} html body:where(.ch-css-new) main .ch-experience-pilot__links{margin-top: auto;} html body:where(.ch-css-new).single-ch_place main .ch-page-content > p:first-of-type{font-weight: 400;} html body:where(.ch-css-new) main .ch-experience-pilot__card dd{font-size: 1rem; line-height: 1.55; margin: 0.15rem 0px 0px;} html body:where(.ch-css-new) main .ch-experience-pilot__links a{font-size: 1rem;} html body:where(.ch-css-new) main .ch-angpick h3{margin-bottom: 1rem;} html body:where(.ch-css-new) main .ch-angpick .ch-confirm-box{margin-top: 0px; margin-bottom: 1.5rem;} html body:where(.ch-css-new) main .ch-angpick select,html body:where(.ch-css-new) main .ch-angpick input:not([type="checkbox"]):not([type="radio"]){height: 3rem; font-size: 1rem; padding: 0.5rem 0.9rem; box-sizing: border-box;} html body:where(.ch-css-new) main .ch-angpick label{font-size: 1rem;} html body:where(.ch-css-new) main :is(.ch-visitor-facts > div > span, .ch-guide-at-a-glance span, .ch-first24__field label, .ch-first24__label, .ch-image-credit small, .ch-image-credit small a, .ch-place-gallery__item figcaption, .ch-quality-route dt, .chkc-badge, .ch-community-kicker, .ch-compare-card__label, .ch-ready__answer-label){font-size: 0.75rem !important;} html body:where(.ch-css-new) main h3 + :is(ul, ol):not(.ch-contents){margin-top: 0.6rem;} html body:where(.ch-css-new) main .chkc-head + .chkc-tools{margin-top: 1rem;} html body:where(.ch-css-new) main .chkc-ev + .chkc-ev{margin-top: 0.5rem;} html body:where(.ch-css-new) main .chkc-row + .chkc-row{margin-top: 0.6rem;} html body:where(.ch-css-new) main .ch-first24__controls + .ch-first24__result{margin-top: 1.25rem;} html body:where(.ch-css-new) main .ch-help-card__numbers + .ch-help-card__actions{margin-top: 1rem;} html body:where(.ch-css-new) main .ch-page-content > :is(p, h2, h3, h4, blockquote){margin-inline: 0px !important; max-width: 45rem !important;} html body:where(.ch-css-new) main .ch-page-content > :is(ul, ol){margin-inline-end: auto !important; max-width: 45rem !important;} html body:where(.ch-css-new) main .ch-page-content > :is(.ch-travel-lead, .ch-confirm-box, .ch-planning-note, .ch-contents, .ch-howto, .ch-wx, .ch-source-note){margin-inline: 0px !important; max-width: 45rem !important;} html body:where(.ch-css-new) main .ch-page-content > .ch-kicker{max-width: 45rem;} html body:where(.ch-css-new) main section.ch-sources{max-width: 45rem;} html body:where(.ch-css-new) main .ch-page-content > :is(.ch-share, .ch-guide-next, .ch-trip-path, .ch-practical-grid, .ch-checklist){max-width: none !important; margin-inline: 0px !important;} html body:where(.ch-css-new) main section.ch-place-map{max-width: none; width: 100%; margin-inline: 0px;} html body:where(.ch-css-new).single-ch_place main .ch-page-content{max-width: none !important; width: 100%;} :where(body.ch-css-new) .ch-ds-card{padding: 1.1rem 1.25rem; border: 1px solid var(--ch-line,#d5dcd5); border-radius: var(--ch-r-2,16px); background: var(--ch-surface,#fffdf8); font-size: 1.0625rem; line-height: 1.65;} :where(body.ch-css-new) .ch-ds-panel{padding: 1.5rem; border: 1px solid var(--ch-line,#d5dcd5); border-radius: var(--ch-r-3,24px); background: var(--ch-surface,#fffdf8);} :where(body.ch-css-new) .ch-ds-label{font-size: 0.75rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ch-laterite,#a44629);} /* ch-top-btn-css [all] */ :where(body.ch-css-new) .ch-top-btn{position: fixed; right: 16px; bottom: calc(16px + env(safe-area-inset-bottom,0px)); z-index: 55; display: grid; place-items: center; width: 46px; height: 46px; padding: 0px; border: 0px; border-radius: 50%; background: rgb(23, 77, 80); color: rgb(255, 255, 255); box-shadow: rgba(10, 30, 28, 0.3) 0px 8px 22px; cursor: pointer; opacity: 0; visibility: hidden; transform: translateY(12px); transition: opacity 0.25s, transform 0.25s, visibility 0.25s, background-color 0.2s;} :where(body.ch-css-new) .ch-top-btn.is-visible{opacity: 1; visibility: visible; transform: none;} :where(body.ch-css-new) .ch-top-btn:hover{background: rgb(11, 116, 116);} :where(body.ch-css-new) .ch-top-btn:focus-visible{outline: rgb(214, 170, 79) solid 3px; outline-offset: 3px;} :where(body.ch-css-new) .ch-top-btn svg{width: 20px; height: 20px;} @media print{ :where(body.ch-css-new) .ch-top-btn{display: none !important;} } @media (prefers-reduced-motion: reduce){ :where(body.ch-css-new) .ch-top-btn{transition: none;} } /* ch-map-toggle-css [homeOrPlaces] */ :where(body.ch-css-new:is(.home,.post-type-archive-ch_place)) .ch-maptoggle{display: flex; justify-content: center; margin: 0px auto; padding: clamp(40px, 6vw, 72px) 16px 0px;} :where(body.ch-css-new:is(.home,.post-type-archive-ch_place)) .ch-maptoggle__bar{display: inline-flex; gap: 4px; padding: 5px; border-radius: 999px; background: rgba(23, 77, 80, 0.08); border: 1px solid rgba(23, 77, 80, 0.14);} :where(body.ch-css-new:is(.home,.post-type-archive-ch_place)) .ch-maptoggle button{appearance: none; border: 0px; background: transparent; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-weight: 700; font-size: 0.92rem; color: rgb(23, 43, 44); padding: 10px 22px; border-radius: 999px; cursor: pointer; transition: background 0.2s, color 0.2s;} :where(body.ch-css-new:is(.home,.post-type-archive-ch_place)) .ch-maptoggle button:hover{background: rgba(255, 255, 255, 0.7);} :where(body.ch-css-new:is(.home,.post-type-archive-ch_place)) .ch-maptoggle button[aria-pressed="true"]{background: rgb(23, 77, 80); color: rgb(255, 255, 255);} :where(body.ch-css-new:is(.home,.post-type-archive-ch_place)) .ch-maptoggle button:focus-visible{outline: rgb(164, 70, 41) solid 2px; outline-offset: 2px;} html.ch-maptabs-on:where(:has(body.ch-css-new:is(.home,.post-type-archive-ch_place))) .ch-home-3d:not(.is-on){display: none !important;} html.ch-maptabs-on:where(:has(body.ch-css-new:is(.home,.post-type-archive-ch_place))) .ch-home-map.is-off{display: none !important;} html.ch-maptabs-on:where(:has(body.ch-css-new:is(.home,.post-type-archive-ch_place))) .ch-home-map{padding-bottom: 0px;}