@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;1,400&family=Lato:ital,wght@0,300;0,400;0,700;1,400&display=swap'); /* Destination Peru — overrides that outrank Elementor/Hello base styles (managed by Claude). Loaded after dp.css. */ /* image heights: Elementor sets .elementor img{height:auto} */ .dp-site .elementor img.dp-hero-photo,.dp-site .elementor .dp-official-photo img,.dp-site .elementor img.dp-inca-image,.dp-site .elementor .dp-milestone-hero>img,.dp-site .elementor .dp-trail-hero img,.dp-site .elementor .dp-related .dp-journey-card .dp-journey-image{height:100%} .dp-site .elementor img.dp-journey-image{height:auto} .dp-site .dp-logo.dp-lockup img{width:44px;height:44px} .dp-site .dp-footer-lockup img,.dp-site .dp-lockup img{width:100%;height:auto} @media(max-width:767px){.dp-site .dp-logo.dp-lockup img{width:35px;height:35px}.dp-site .elementor .dp-related .dp-journey-card .dp-journey-image{height:100%}} /* link colours: the kit applies a global link colour to every */ .dp-site a.dp-button,.dp-site input.dp-button,.dp-site button.dp-button{color:var(--dp-stone)} .dp-site a.dp-button-outline,.dp-site button.dp-button-outline{color:var(--dp-obsidian)} .dp-site a.dp-button-outline:hover{color:var(--dp-stone)} .dp-site .dp-footer a,.dp-site .dp-compact-footer a,.dp-site .dp-review-section a,.dp-site .dp-inca a,.dp-site .dp-responsible a,.dp-site .dp-trail-hero a{color:inherit} .dp-site .dp-footer .dp-button,.dp-site .dp-footer a.dp-button{color:var(--dp-obsidian)} .dp-site .dp-inca a.dp-button,.dp-site .dp-trail-hero a.dp-button,.dp-site .dp-trail-content a.dp-button{color:var(--it-navy)} .dp-site .dp-inca a.dp-button:hover,.dp-site .dp-trail-hero a.dp-button:hover,.dp-site .dp-trail-content a.dp-button:hover{color:var(--it-navy)} .dp-site .dp-nav-list a,.dp-site .dp-utility a,.dp-site .dp-header a,.dp-site .dp-breadcrumb a,.dp-site .dp-trust a,.dp-site .dp-footer-links a,.dp-site .dp-contact-link{color:inherit} .dp-site .dp-nav-list a:hover{color:var(--dp-cochineal)} .dp-site .dp-logo.dp-lockup{color:var(--dp-obsidian)} .dp-site .dp-editorial-tile h3 a,.dp-site .dp-journey-card h3 a,.dp-site .dp-day h3 a{color:inherit} /* header CTA: the header link rule above must not beat the button rule */ .dp-site .dp-header a.dp-button,.dp-site .dp-header a.dp-header-cta{color:var(--dp-stone)} .dp-site .dp-header a.dp-button-outline{color:var(--dp-obsidian)} .dp-site .dp-header a.dp-button-outline:hover{color:var(--dp-stone)} /* headings: kit sets colours/sizes on h1-h3 with equal specificity; keep the prototype scale */ .dp-site h1,.dp-site h2,.dp-site h3{color:var(--dp-obsidian);font-family:var(--dp-serif);font-weight:400;line-height:1.12} .dp-site .dp-review-section h2,.dp-site .dp-inca h2,.dp-site .dp-responsible h2,.dp-site .dp-footer h3,.dp-site .dp-trail-hero h1{color:inherit} .dp-site .dp-inca h2,.dp-site .dp-trail-hero h1,.dp-site .dp-trail-content h2,.dp-site .dp-trail-content h3{font-family:'Alice',Georgia,serif} .dp-site .dp-footer h3,.dp-site .dp-at-glance h2{font-family:var(--dp-sans)} /* body copy + form controls */ .dp-site .elementor-widget-container p{max-width:65ch} .dp-site .elementor .dp-field input,.dp-site .elementor .dp-field select,.dp-site .elementor .dp-field textarea{width:100%;padding:12px 14px;min-height:48px;border:1px solid var(--dp-body);border-radius:2px;background:var(--dp-paper);color:var(--dp-obsidian);font:inherit} .dp-site .elementor .dp-field textarea{min-height:120px} .dp-site .elementor .dp-filters select{font:inherit} .dp-site .elementor input.dp-button{font:inherit;font-weight:500;font-size:15px;display:inline-flex;min-height:48px;padding:13px 24px;background:var(--dp-obsidian);border:1px solid var(--dp-obsidian);border-radius:2px;cursor:pointer} .dp-site .elementor input.dp-button:hover{background:var(--dp-body)} .dp-site .dp-short-form input.dp-button{width:100%} .dp-site .wpcf7-list-item{margin:0} .dp-site .dp-choice .wpcf7-list-item{display:inline-flex;margin:0 18px 10px 0} .dp-site .dp-choice .wpcf7-list-item label{display:inline-flex;gap:8px;align-items:center;font-size:14px;min-height:28px} .dp-site .dp-places .wpcf7-form-control{display:flex;flex-wrap:wrap} .dp-site .dp-check .wpcf7-list-item label,.dp-site .dp-flexible .wpcf7-list-item label{display:inline-flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5} .dp-site .dp-check{display:block;margin:14px 0} .dp-site .wpcf7-form-control-wrap{display:block} .dp-site .dp-choice .wpcf7-form-control-wrap,.dp-site .dp-check .wpcf7-form-control-wrap,.dp-site .dp-flexible .wpcf7-form-control-wrap{display:inline} .dp-site .wpcf7-not-valid-tip{color:var(--dp-cochineal);font-size:13px;margin-top:6px} .dp-site .wpcf7 form .wpcf7-response-output{margin:16px 0 0;padding:12px 16px;border:1px solid var(--dp-line);border-left:2px solid var(--dp-cochineal);background:var(--dp-paper);font-size:14px} .dp-site .wpcf7 form.sent .wpcf7-response-output{border-left-color:var(--dp-moss)} .dp-site [hidden]{display:none!important} .dp-site .dp-form-navigation{display:flex;justify-content:space-between;gap:14px;margin-top:30px} .dp-site .dp-form-navigation [data-next],.dp-site .dp-form-navigation input.dp-button{margin-left:auto} .dp-site .dp-legal{padding-block:64px}.dp-site .dp-prose{max-width:72ch}.dp-site .dp-prose h2{font-size:28px;margin:40px 0 14px} .dp-site .dp-legal-updated{font-size:14px;color:var(--dp-muted)} /* admin bar offset for the sticky header */ .admin-bar .dp-header{top:32px} /* Typefaces per the 2026 brand guidelines: Playfair Display (headlines) + Lato (body). Sept 30 2026. */ .dp-site{--dp-serif:'Playfair Display',Georgia,serif;--dp-sans:'Lato',Arial,sans-serif} .dp-site h1{letter-spacing:0;font-weight:400} .dp-site h2{letter-spacing:0;font-weight:400} .dp-site h3{letter-spacing:0;font-weight:400} .dp-site h1 em,.dp-site h2 em{font-style:italic;font-weight:400} .dp-site .dp-header-wordmark{font-weight:500;letter-spacing:.02em} /* Section rhythm (Sept 29): hairline between stacked sections, a short cochineal rule above each section eyebrow, and alternating full-bleed paper bands so the home page stops reading as one long column. */ .dp-site{overflow-x:clip} .dp-site .dp-section>.dp-eyebrow::before,.dp-site .dp-section>.dp-section-heading>.dp-eyebrow::before,.dp-site .dp-section>div>.dp-eyebrow::before{content:'';display:block;width:40px;height:2px;background:var(--dp-cochineal);margin-bottom:16px} /* The page itself renders on paper, so the bands are stone (same tone as the header) with hairlines top and bottom. */ .dp-site section.dp-section,.dp-site .dp-journeys-section,.dp-site .dp-hotels-section{position:relative;z-index:0} .dp-site .dp-journeys-section,.dp-site .dp-hotels-section{background:var(--dp-stone)} .dp-site .dp-journeys-section+.dp-section+.dp-section::before,.dp-site .dp-review-section+.dp-section::before,.dp-site .dp-responsible+.dp-section+.dp-section::before{content:'';position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:var(--dp-stone);border-top:1px solid var(--dp-line);border-bottom:1px solid var(--dp-line);z-index:-1} /* Header: the stacked Destination Peru logo (brand guidelines 2026), Midnight on white */ .dp-site .dp-header .dp-logo.dp-lockup{display:flex;align-items:center;width:auto;line-height:0} .dp-site .dp-header .dp-logo.dp-lockup img.dp-header-wordmark-img{width:auto!important;height:58px!important;flex:0 0 auto;object-fit:contain;display:block} .dp-site .dp-minimal-header .dp-logo.dp-lockup img.dp-header-wordmark-img{height:50px!important} @media(max-width:767px){.dp-site .dp-header .dp-logo.dp-lockup img.dp-header-wordmark-img{height:42px!important}} .dp-site .dp-logo:hover img.dp-header-wordmark-img{opacity:.75} /* ---- Brand kit palette (Destination Peru Brand Guidelines, edition 2026). Sept 30 2026. ---- Midnight #060B13 and white carry the brand; Off-White #F5F5F5 for bands; Champagne Gold #C9AA71 as a sparing accent. The old cochineal/moss tokens are remapped so every existing rule picks up the kit without touching dp.css. */ :root,.dp-site{--dp-obsidian:#060B13;--dp-paper:#FFFFFF;--dp-stone:#F5F5F5;--dp-line:#E3E3E3;--dp-body:#2E3238;--dp-muted:#6B6F76;--dp-cochineal:#B89660;--dp-moss:#6B6F76;--dp-gold:#C9AA71;--dp-gold-text:#B89660;--dp-red:#8C2332} .dp-site .dp-eyebrow{color:var(--dp-gold-text);font-weight:400;letter-spacing:.18em} .dp-site .dp-section>.dp-eyebrow::before,.dp-site .dp-section>.dp-section-heading>.dp-eyebrow::before,.dp-site .dp-section>div>.dp-eyebrow::before{background:var(--dp-gold)} .dp-site .dp-journey-card .dp-route,.dp-site .dp-journey-hero .dp-route,.dp-site .dp-treehouse-intro .dp-route,.dp-site .dp-at-glance dt{color:var(--dp-gold-text)} .dp-site .dp-nav-list a:hover,.dp-site .dp-nav-list summary:hover{color:var(--dp-gold-text)} .dp-site .dp-progress li[aria-current]{color:var(--dp-obsidian)} /* errors and validation stay red, never gold */ .dp-site .dp-state-error,.dp-site .dp-form-error,.dp-site .wpcf7-not-valid-tip{color:var(--dp-red)} .dp-site .wpcf7 form .wpcf7-response-output{border-left-color:var(--dp-gold)} .dp-site .dp-check input,.dp-site .dp-choice input{accent-color:var(--dp-obsidian)} .dp-site a:focus-visible,.dp-site button:focus-visible,.dp-site input:focus-visible,.dp-site select:focus-visible,.dp-site textarea:focus-visible,.dp-site summary:focus-visible{outline-color:var(--dp-obsidian)} .dp-site .dp-header{background:#fff} .dp-site .dp-footer,.dp-site .dp-compact-footer{background:var(--dp-obsidian)} .dp-site .dp-footer h3{font-family:var(--dp-sans);letter-spacing:.12em;text-transform:uppercase;font-size:12px;color:var(--dp-gold)} /* every submit button on the site is Midnight (an Elementor kit colour was winning on the home-page form) */ .dp-site .elementor input.dp-button,.dp-site form.wpcf7-form input[type=submit],.dp-site .dp-begin input.dp-button{background:var(--dp-obsidian)!important;border-color:var(--dp-obsidian)!important;color:#fff!important} .dp-site .elementor input.dp-button:hover,.dp-site form.wpcf7-form input[type=submit]:hover{background:#1C222B!important;border-color:#1C222B!important} body.dp-site,.dp-site p,.dp-site li,.dp-site input,.dp-site select,.dp-site textarea,.dp-site button,.dp-site label{font-family:var(--dp-sans)} /* ---- Home-page review notes (Sept 30) ---- */ /* Custom-built journeys: its own off-white band so it reads apart from Ways to travel */ .dp-site .dp-band{position:relative;z-index:0} .dp-site .dp-band::before{content:'';position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:var(--dp-stone);border-top:1px solid var(--dp-line);border-bottom:1px solid var(--dp-line);z-index:-1} .dp-site .dp-custom::before{content:none} body.dp-site{background:var(--dp-paper)} .dp-site .dp-custom>p{max-width:64ch;font-size:18px} .dp-site .dp-custom .dp-actions{margin-top:26px;display:flex;flex-wrap:wrap;gap:14px;align-items:center} /* How it works: six steps */ .dp-site .dp-process-6{grid-template-columns:repeat(3,1fr);gap:40px 32px} @media(max-width:1080px){.dp-site .dp-process-6{grid-template-columns:1fr 1fr}} @media(max-width:767px){.dp-site .dp-process-6{grid-template-columns:1fr;gap:18px}} /* Inca Trek logo in the Inca section */ .dp-site .dp-inca .dp-inca-logo{display:block;width:auto;height:44px;margin:4px 0 22px} /* Review cards: name, source and link must read on the midnight background */ .dp-site .dp-review-quote figcaption{font-size:14px;color:var(--dp-stone);gap:6px} .dp-site .dp-review-quote figcaption strong{color:#fff;font-size:16px} .dp-site .dp-review-quote figcaption span{color:rgba(245,245,245,.78)} .dp-site .dp-review-quote figcaption a{color:var(--dp-gold)!important;text-decoration:underline;text-underline-offset:3px} .dp-site .dp-review-section .dp-review-link{color:var(--dp-gold)!important} /* Photo credits are no longer shown on images */ .dp-site .dp-official-photo figcaption{display:none} /*