/* Theme Name: Canada Ski Hols Theme URI: https://canadaskihols.com Author: Halabuda Labs Ltd. Author URI: https://halabudalabs.com Description: Alpine editorial sister theme for Canada Ski Hols. Version: 0.12.16 Requires at least: 6.6 Requires PHP: 8.1 Text Domain: canada-ski-hols */ /* Desktop sections use the available browser height. Content may grow at zoom. */ @media (min-width: 1101px) { .home { --home-space: clamp(24px, 4svh, 48px); --home-heading: clamp(36px, 6svh, 64px); } .home .ski-hero { box-sizing: border-box; min-height: calc(100svh + 20px); height: auto; padding: 110px 7vw 0; } .home .ski-hero-image { height: 100%; } .home .ski-hero-copy { position: relative; left: auto; top: auto; padding: 0 0 32px; } .home .ski-hero-copy h1 { font-size: clamp(64px, 11svh, 112px); line-height: .88; } .home .ski-hero-copy > p:not(.eyebrow) { font-size: 16px; line-height: 1.55; margin: 24px 0; } .home .hero-ticket { top: 125px; } .home .resort-finder { position: relative; left: auto; right: auto; bottom: auto; margin-top: clamp(24px, 6svh, 64px); } .home .finder-title { padding: 16px; } .home .resort-finder label { padding: 14px; } .home .resort-finder button { padding: 12px 18px; } .home .resort-search-band { padding: var(--home-space) 6vw; } .home .resort-search-band h2 { font-size: var(--home-heading); } .home .finder-result { grid-template-columns: .8fr 1.2fr; min-height: 0; } .home .finder-result-image { min-height: 0; } .home .finder-result-image img { position: absolute; inset: 0; } .home .finder-result-copy { padding: 24px 4vw; } .home .finder-result-copy > button { top: 10px; right: 16px; width: 44px; height: 44px; } .home .finder-result-copy > .eyebrow { margin: 0 34px 12px 0; } .home .finder-result-copy h2 { font-size: var(--home-heading); line-height: 1; margin: 0 24px 14px 0; } .home .finder-result-copy > p:not(.eyebrow) { font-size: 16px; line-height: 1.45; margin: 0 0 16px; } .home .finder-result-copy dl { margin: 0 0 16px; } .home .finder-result-copy dl div { padding: 12px; } .home .finder-result-copy dt { font-size: 11px; } .home .finder-result-copy dd { font-size: 14px; } .home .finder-result-copy > a { display: inline-block; font-size: 13px; padding: 8px 0; } .home .finder-result-copy > small { font-size: 12px; line-height: 1.4; margin-top: 4px; } .home .finder-result .ski-stay-panel { margin-top: 16px; padding: 16px; } .home .finder-result .ski-stay-panel h3 { font-size: 25px; margin-bottom: 8px; } .home .finder-result .ski-stay-disclosure { font-size: 12px; line-height: 1.4; margin-bottom: 12px; } .home .finder-result .ski-stay-choices { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; } .home .finder-result .ski-stay-choice { display: flex; flex-direction: column; } .home .finder-result .ski-stay-choice + .ski-stay-choice { border-top: 0; padding-top: 0; } .home .finder-result .ski-stay-base { font-size: 15px; margin-bottom: 6px; } .home .finder-result .ski-stay-copy { font-size: 13px; line-height: 1.4; margin-bottom: 10px; } .home .finder-result .ski-stay-link { font-size: 13px; min-height: 44px; padding: 10px 12px; margin-top: auto; } .home .finder-result .ski-stay-note { font-size: 12px; line-height: 1.4; margin-top: 10px; } .home .atlas-intro { padding: var(--home-space) 0 var(--home-space) 6vw; } .home .atlas-intro-copy { padding-right: 4vw; } .home .atlas-intro-copy h2, .home .section-heading h2, .home .field-note-copy h2, .home .international-guide h2 { font-size: var(--home-heading); line-height: .98; } .home .atlas-intro-copy > p { font-size: 15px; line-height: 1.55; margin: 20px 0; } .home .atlas-key { gap: 14px; margin-bottom: 20px; } .home .atlas-preview { min-height: 0; height: clamp(380px, 72svh, 620px); } .home .atlas-preview .ski-map { min-height: 0; } .home .guide-library { padding: var(--home-space) 4vw; } .home .section-heading { gap: 4vw; grid-template-columns: 1fr 1fr; } .home .section-heading > p { font-size: 14px; line-height: 1.5; margin: 0; } .home .guide-search-inline { margin-top: 18px; padding: 10px 16px; } .home .guide-search-inline input { padding: 10px 14px; } .home .guide-filter-row { margin: 14px 0; padding-bottom: 8px; } .home .resort-card-grid { gap: 16px; } .home .resort-card { display: grid; grid-template-columns: 26% 1fr; gap: 12px; margin-top: 0; border-top: 1px solid var(--line); padding-top: 12px; } .home .resort-card[hidden] { display: none; } .home .resort-card-image { height: 100%; min-height: 124px; } .home .resort-card-image img { position: absolute; inset: 0; } .home .resort-card-image span { font-size: 20px; padding: 8px; } .home .resort-card-copy { padding: 0; min-width: 0; } .home .resort-card-copy > small { font-size: 10px; letter-spacing: .04em; } .home .resort-card-copy h3 { font-size: clamp(21px, 1.7vw, 26px); line-height: 1.05; margin: 8px 0; } .home .resort-card-copy > p { font-size: 13px; line-height: 1.4; min-height: 0; margin: 8px 0; } /* The homepage is a visual index; journey facts remain in each linked guide. */ .home .resort-card-copy dl { display: none; } .home .resort-card-copy dt { font-size: 10px; } .home .resort-card-copy dd { font-size: 12px; line-height: 1.3; } .home .field-note-photo { min-height: 0; } .home .field-note-photo img { position: absolute; inset: 0; } .home .field-note-copy { padding: var(--home-space) 4vw; } .home .field-note-copy > p:not(.eyebrow) { font-size: 15px; line-height: 1.55; margin: 22px 0; } .home .report-context { margin-bottom: 22px; } .home .report-context span { padding: 10px 0; } .home .international-guide { padding: var(--home-space) 6vw; } .home .international-guide > div:first-child { gap: 12px 5vw; grid-template-columns: 1fr 1fr; } .home .international-guide > div:first-child > .eyebrow { grid-column: 1 / -1; margin: 0; } .home .international-guide > div:first-child > p:last-child { margin: 0; align-self: center; font-size: 15px; line-height: 1.55; } .home .international-guide ol { margin: 28px 0 24px; } .home .international-guide li { min-height: 0; padding: 14px 20px; } .home .international-guide li small { margin-top: 16px; } .home .international-guide li h3 { font-size: 24px; } .home .international-guide li p { font-size: 14px; line-height: 1.5; margin-bottom: 0; } .home .source-principles { padding: var(--home-space) 6vw; } .home .source-principles > div { min-height: 0; } .home .site-footer { padding-top: var(--home-space); } .home .footer-lead { padding-bottom: 24px; } .home .footer-lead h2 { font-size: var(--home-heading); } .home .footer-grid { padding: 28px 0; } .home .atlas-intro, .home .guide-library, .home .field-notes-entry, .home .international-guide { box-sizing: border-box; min-height: calc(100svh + 20px); } } /* Accommodation pilot: a clear next step from a mountain match or resort guide. */ /* Keep archive search results outside the banner and above the next section. */ .archive-hero.resort-archive-hero { overflow: visible; z-index: 20; } .archive-hero.resort-archive-hero .resort-search-results a { display: grid; color: var(--ink); font-size: inherit; font-weight: 400; margin: 0; text-transform: none; } .ski-stay-panel { background: var(--snow); border: 1px solid #b5c7cc; color: var(--ink); margin-top: 32px; padding: clamp(20px, 2.4vw, 30px); } .ski-stay-panel[hidden] { display: none; } .ski-stay-panel h3 { font-family: var(--serif); font-size: clamp(28px, 2.8vw, 40px); font-weight: 400; letter-spacing: -.035em; line-height: 1.1; margin: 0 0 16px; } .ski-stay-panel .ski-stay-disclosure { color: #435e6c; font-size: 13px; line-height: 1.65; margin: 0 0 22px; } .ski-stay-disclosure a { color: inherit; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; } .ski-stay-choices { display: grid; gap: 22px; } .ski-stay-choice { min-width: 0; } .ski-stay-choice + .ski-stay-choice { border-top: 1px solid var(--line); padding-top: 22px; } .ski-stay-panel .ski-stay-base { color: var(--ink); font-size: 16px; font-weight: 750; line-height: 1.4; margin: 0 0 8px; } .ski-stay-panel .ski-stay-copy { color: #435e6c; font-size: 14px; line-height: 1.65; margin: 0 0 17px; } .ski-stay-panel .ski-stay-link { align-items: center; background: var(--ink); border: 1px solid var(--ink); color: #fff; display: flex; font-size: 14px; font-weight: 700; gap: 16px; justify-content: space-between; line-height: 1.5; min-height: 48px; padding: 12px 16px; text-decoration: none; } .ski-stay-panel .ski-stay-link:hover { background: #244858; border-color: #244858; } .ski-stay-link:focus-visible, .ski-stay-disclosure a:focus-visible { outline: 3px solid #c74327; outline-offset: 4px; } .ski-stay-panel .ski-stay-note { color: #435e6c; font-size: 12px; line-height: 1.7; margin: 20px 0 0; } .ski-affiliate-policy { border-top: 1px solid var(--line); margin-top: 38px; padding-top: 24px; } .ski-affiliate-policy p { line-height: 1.7; } @media (max-width: 420px) { .ski-stay-panel { padding: 18px; } .ski-stay-panel .ski-stay-link { padding: 12px; } } /* Flight gateways sit with arrival advice and share the existing link measurements. */ .guide-arrival-copy .ski-flight-panel { margin: 24px 0 30px; padding: 20px; min-width: 0; } .guide-arrival-copy .ski-flight-panel h3 { font-size: 26px; line-height: 1.15; margin-bottom: 12px; } .guide-arrival-copy .ski-flight-panel .ski-stay-disclosure { margin-bottom: 16px; } .guide-arrival-copy .ski-flight-panel .ski-stay-base { font-size: 14px; } .guide-arrival-copy .ski-flight-panel .ski-stay-copy { font-size: 13px; margin-bottom: 14px; } .guide-arrival-copy .ski-flight-panel .ski-stay-note { margin-top: 14px; } .ski-flight-airport { border: 1px solid #889fa9; display: inline-block; font-size: 12px; font-weight: 750; letter-spacing: .08em; margin: 0 8px 0 0; padding: 2px 5px; vertical-align: baseline; } @media (max-width: 420px) { .guide-arrival-copy .ski-flight-panel { padding: 16px; } .guide-arrival-copy .ski-flight-panel h3 { font-size: 24px; } } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus, .skip-link:focus { background: #fff; clip: auto !important; clip-path: none; color: #0a1d29; display: block; height: auto; left: 16px; padding: 14px 18px; top: 16px; width: auto; z-index: 100000; } .alignwide { margin-left: auto; margin-right: auto; max-width: 1220px; } .alignfull { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); max-width: 100vw; width: 100vw; } .wp-caption, img { max-width: 100%; } .wp-caption-text { color: #5b6b73; font-size: .75rem; } /* Keep detailed road instructions available without dominating the route panel. */ .road-directions { border-top: 1px solid var(--line); } .road-directions > summary { align-items: center; background: var(--ice); cursor: pointer; display: grid; gap: 22px; grid-template-columns: 1fr auto 24px; list-style: none; min-height: 82px; padding: 17px 28px; } .road-directions > summary::-webkit-details-marker { display: none; } .road-directions > summary > span:first-child { display: grid; gap: 5px; } .road-directions > summary small { color: var(--signal); font-size: .52rem; font-weight: 850; letter-spacing: .11em; } .road-directions > summary strong { font-family: var(--serif); font-size: 1.35rem; font-weight: 400; } .road-directions-summary-status { color: var(--muted); font-size: .62rem; line-height: 1.4; max-width: 260px; text-align: right; } .road-directions > summary > b { height: 18px; position: relative; width: 18px; } .road-directions > summary > b::before, .road-directions > summary > b::after { background: var(--signal); content: ''; left: 2px; position: absolute; top: 8px; height: 2px; width: 14px; } .road-directions > summary > b::after { transform: rotate(90deg); transition: transform .2s ease; } .road-directions[open] > summary > b::after { transform: rotate(0); } .road-directions > summary:hover, .road-directions > summary:focus-visible { background: #d2e5e8; } .road-directions > summary:focus-visible { outline: 3px solid var(--signal); outline-offset: -3px; } .road-directions-content > header { background: #f4f8f8; padding: 22px 28px 18px; } .road-directions-content > header .eyebrow { font-size: .52rem; margin-bottom: 8px; } .road-directions-content h3 { margin: 0; } @media (max-width: 560px) { .road-directions > summary { gap: 10px; grid-template-columns: 1fr 20px; padding: 16px 20px; } .road-directions-summary-status { grid-column: 1 / -1; grid-row: 2; max-width: none; text-align: left; } .road-directions > summary > b { grid-column: 2; grid-row: 1; } .road-directions-content > header { padding: 20px; } } /* Desktop resort guides read as screen-sized chapters. */ @media (min-width: 1101px) { .single-csh_resort .resort-guide { --guide-space: clamp(22px, 4svh, 38px); --guide-title: clamp(44px, 7svh, 60px); } .single-csh_resort .resort-guide-hero { height: calc(100svh - 68px); min-height: 580px; max-height: none; } .single-csh_resort .resort-hero-copy { bottom: 122px; } .single-csh_resort .resort-hero-copy h1 { font-size: clamp(66px, 12svh, 104px); line-height: .84; } .single-csh_resort .resort-hero-copy > p:last-child { font-size: 14px; line-height: 1.5; margin-top: 14px; } .single-csh_resort .resort-facts div { padding: 17px 4vw; } .single-csh_resort .guide-jump { gap: 24px; padding-bottom: 14px; padding-top: 14px; } .single-csh_resort .guide-opening, .single-csh_resort .guide-mountain, .single-csh_resort .guide-reports { gap: 6vw; padding: var(--guide-space) 8vw; } .single-csh_resort .guide-opening h2, .single-csh_resort .guide-arrival h2, .single-csh_resort .guide-road-map h2, .single-csh_resort .guide-mountain h2, .single-csh_resort .guide-official-map h2, .single-csh_resort .guide-stay h2, .single-csh_resort .guide-reports h2 { font-size: var(--guide-title); line-height: .94; } .single-csh_resort .guide-opening .guide-lede { font-size: 24px; line-height: 1.25; } .single-csh_resort .resort-standout { margin: 18px 0; padding: 14px 0; } .single-csh_resort .snow-pilot { padding: 8px 4vw; } .single-csh_resort .snow-pilot .snow-header { min-height: 47px; } .single-csh_resort .snow-pilot h2 { font-size: 28px; margin: 2px 0 4px; } .single-csh_resort .snow-status { margin: 3px 0 9px; } .single-csh_resort .snow-controls { margin-bottom: 5px; } .single-csh_resort .snow-view-controls button { min-width: 108px; padding: 9px 15px; } .single-csh_resort .snow-elevations button { padding: 8px 10px; } .single-csh_resort .snow-board-note { margin: 5px 0 8px; } .single-csh_resort .snow-period { padding-top: 9px; } .single-csh_resort .snow-period > .snow-icon { height: 36px; margin: 7px auto 2px; width: 42px; } .single-csh_resort .snow-temperature { font-size: 23px; margin-top: 5px; } .single-csh_resort .snow-period-wind { margin: 8px 0; } .single-csh_resort .snow-period-snow { min-height: 68px; padding: 5px; } .single-csh_resort .snow-ground-note { margin: 6px 0; } .single-csh_resort .snow-pilot summary { padding: 8px 0; } .single-csh_resort .snow-location-details { margin-top: 6px; } .single-csh_resort .guide-arrival-image { min-height: 0; overflow: hidden; } .single-csh_resort .guide-arrival-image img { inset: 0; position: absolute; } .single-csh_resort .guide-arrival-copy { padding: 16px 4vw; } .single-csh_resort .guide-arrival-copy > .eyebrow { margin-bottom: 11px; } .single-csh_resort .guide-arrival-copy > p:not(.eyebrow) { font-size: 14px; line-height: 1.5; margin: 12px 0; } .single-csh_resort .guide-arrival-copy .ski-flight-panel { margin: 12px 0; padding: 13px; } .single-csh_resort .guide-arrival-copy .ski-flight-panel h3 { font-size: 22px; margin-bottom: 6px; } .single-csh_resort .guide-arrival-copy .ski-flight-panel .ski-stay-disclosure { font-size: 11px; line-height: 1.35; margin-bottom: 8px; } .single-csh_resort .guide-arrival-copy .ski-flight-panel .ski-stay-base { font-size: 13px; margin-bottom: 4px; } .single-csh_resort .guide-arrival-copy .ski-flight-panel .ski-stay-copy { font-size: 12px; line-height: 1.4; margin-bottom: 8px; } .single-csh_resort .guide-arrival-copy .ski-flight-panel .ski-stay-link { font-size: 12px; min-height: 38px; padding: 8px 11px; } .single-csh_resort .guide-arrival-copy .ski-flight-panel .ski-stay-note { font-size: 10px; line-height: 1.4; margin-top: 7px; } .single-csh_resort .guide-arrival-copy ol { margin-top: 12px; } .single-csh_resort .guide-arrival-copy li { gap: 12px; grid-template-columns: 30px 1fr; padding: 8px 0; } .single-csh_resort .guide-arrival-copy li p { margin: 3px 0; } .single-csh_resort .guide-road-map { gap: 4vw; grid-template-columns: .6fr 1fr; padding: var(--guide-space) 5vw; } .single-csh_resort .road-map-copy > p:not(.eyebrow) { font-size: 14px; line-height: 1.5; margin: 14px 0; } .single-csh_resort .road-distance { margin: 14px 0; padding: 11px 0; } .single-csh_resort .road-map-canvas { height: 250px; min-height: 250px; } .single-csh_resort .road-app-actions a { min-height: 58px; padding: 10px 12px; } .single-csh_resort .road-directions > summary { min-height: 62px; padding: 9px 16px; } .single-csh_resort .road-directions > summary strong { font-size: 18px; } .single-csh_resort .transport-options article { gap: 7px; grid-template-columns: 22px 1fr; padding: 10px 9px; } .single-csh_resort .transport-options strong { font-size: 14px; } .single-csh_resort .transport-options p { font-size: 10px; line-height: 1.4; margin-top: 4px; } .single-csh_resort .road-map-note { font-size: 9px; margin-top: 7px; } .single-csh_resort .guide-mountain > div:first-child > p:not(.eyebrow) { font-size: 14px; line-height: 1.5; margin: 16px 0; } .single-csh_resort .mountain-data { padding: 20px; } .single-csh_resort .mountain-data > div { padding: 10px; } .single-csh_resort .mountain-data strong { font-size: 30px; margin: 8px 0 3px; } .single-csh_resort .mountain-data > p { margin-top: 12px; padding-top: 12px; } .single-csh_resort .guide-stay { gap: 5vw; grid-template-columns: 1fr .58fr; padding: var(--guide-space) 7vw; } .single-csh_resort .guide-stay > div > p:not(.eyebrow) { font-size: 14px; line-height: 1.5; margin: 14px 0; } .single-csh_resort .guide-stay dl { margin-bottom: 0; } .single-csh_resort .guide-stay dl div { gap: 18px; padding: 9px 0; } .single-csh_resort .guide-stay .ski-stay-panel { margin-top: 14px; padding: 14px; } .single-csh_resort .guide-stay .ski-stay-panel h3 { font-size: 24px; margin-bottom: 7px; } .single-csh_resort .guide-stay .ski-stay-disclosure { font-size: 11px; line-height: 1.4; margin-bottom: 10px; } .single-csh_resort .guide-stay .ski-stay-choices { grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap: 14px; } .single-csh_resort .guide-stay .ski-stay-choice + .ski-stay-choice { border-top: 0; padding-top: 0; } .single-csh_resort .guide-stay .ski-stay-base { font-size: 14px; margin-bottom: 4px; } .single-csh_resort .guide-stay .ski-stay-copy { font-size: 12px; line-height: 1.4; margin-bottom: 8px; } .single-csh_resort .guide-stay .ski-stay-link { font-size: 12px; min-height: 38px; padding: 8px 11px; } .single-csh_resort .guide-stay .ski-stay-note { font-size: 10px; line-height: 1.4; margin-top: 8px; } .single-csh_resort .guide-stay aside { padding: 28px; } .single-csh_resort .guide-stay aside p { font-size: 20px; line-height: 1.3; } .single-csh_resort .official-check { padding: 28px 8vw; } .single-csh_resort .official-check h2 { font-size: 26px; } .single-csh_resort .guide-reports li { padding: 13px 0; } .single-csh_resort .guide-reports li h3 { margin: 6px 0; } .single-csh_resort .reports-empty { padding: 28px; } .single-csh_resort .guide-opening, .single-csh_resort .snow-pilot, .single-csh_resort .guide-arrival, .single-csh_resort .guide-road-map, .single-csh_resort .guide-mountain, .single-csh_resort .guide-official-map, .single-csh_resort .guide-stay, .single-csh_resort .guide-reports { box-sizing: border-box; min-height: calc(100svh + 20px); } .single-csh_resort .site-footer { padding: 28px 7vw 18px; } .single-csh_resort .footer-lead { gap: 4vw; padding-bottom: 24px; } .single-csh_resort .footer-lead h2 { font-size: clamp(38px,5vw,58px); margin-top: 10px; } .single-csh_resort .sister-sites a { padding: 16px; } .single-csh_resort .sister-sites strong { margin: 10px 0 5px; } .single-csh_resort .footer-grid { padding: 27px 0; } } /* A pocket lift pass and a closed, folded piste map. Artwork is decorative. */ a.hero-ticket.lift-pass { background: #f5f7f2; border: 1px solid rgba(255,255,255,.7); border-radius: 13px; box-shadow: 3px 5px 0 #aab6ad, 12px 22px 35px rgba(0,0,0,.3); color: var(--ink); display: flex; gap: 0; padding: 29px 17px 13px; text-decoration: none; transform: rotate(7deg); transition: transform .2s, box-shadow .2s; width: 208px; } a.hero-ticket.lift-pass::before { background: linear-gradient(90deg,#233e4b,#668491 45%,#193542); border: 1px solid #77929c; border-radius: 5px; height: 65px; left: calc(50% - 9px); top: -53px; width: 18px; z-index: 2; box-shadow: 2px 2px 4px #0004; } a.hero-ticket.lift-pass::after { background: linear-gradient(105deg,transparent 35%,#fff7 49%,transparent 63%); border-radius: inherit; height: auto; inset: 0; width: auto; pointer-events: none; } .lift-pass .pass-slot { background: #183340; border-radius: 5px; box-shadow: inset 0 2px 3px #0006,0 1px 0 #fff; height: 8px; left: calc(50% - 25px); position: absolute; top: 10px; width: 50px; } .lift-pass .pass-brand { align-items: center; display: flex; font-size: 9px; justify-content: space-between; letter-spacing: .08em; } .lift-pass .pass-brand > span { background: var(--signal); border-radius: 50%; color: white; font-size: 9px; padding: 6px 4px; } .lift-pass .pass-title { font-family: var(--serif); font-size: 32px; font-weight: 400; letter-spacing: -.045em; line-height: .94; margin: 10px 0 0; } .lift-pass .pass-mountain { display: block; flex-shrink: 0; height: 78px; margin: 2px -17px 0; max-width: none; width: calc(100% + 34px); } .lift-pass .pass-access { align-items: center; background: var(--lime); display: flex; gap: 12px; margin: 0 -17px; padding: 8px 17px; } .lift-pass .pass-access > strong { font-size: 30px; letter-spacing: -.04em; line-height: 1; } .lift-pass .pass-access > span { font-size: 8px; line-height: 1.5; letter-spacing: .08em; } .lift-pass .pass-footer { display: grid; gap: 6px; margin-top: 11px; } .lift-pass .pass-barcode { background: repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 4px,var(--ink) 4px 5px,transparent 5px 8px,var(--ink) 8px 12px,transparent 12px 14px,var(--ink) 14px 15px,transparent 15px 18px); display: block; height: 18px; } .lift-pass .pass-footer > span:last-child { font-size: 8px; letter-spacing: .12em; text-align: center; } a.hero-ticket.lift-pass:hover { transform: rotate(2deg) translateY(-3px); box-shadow: 3px 5px 0 #aab6ad, 14px 26px 38px #0005; } a.hero-ticket.lift-pass:focus-visible { outline: 3px solid var(--lime); outline-offset: 8px; } .official-map-ticket.folded-piste-map { align-self: center; background: #173443; border: 0; border-radius: 1px; box-shadow: 1px 1px 0 #c9ccc3, 5px 2px 0 #f6f4e9, 6px 3px 0 #9fa69e, 10px 4px 0 #e8e7db, 11px 5px 0 #a4aca4, 22px 27px 35px #102a5333; display: flex; flex-direction: column; gap: 0; justify-self: center; min-height: 0; padding: 26px 25px 18px; position: relative; transform: rotate(3deg); width: min(100%, 310px); } .official-map-ticket.folded-piste-map::before { background: linear-gradient(90deg,#071b2880,transparent 4%,#ffffff18 5%,transparent 7%,transparent 94%,#0004 100%); border-left: 1px solid #ffffff40; content: ''; inset: 0; pointer-events: none; position: absolute; z-index: 2; } .official-map-ticket.folded-piste-map::after { background: linear-gradient(135deg,#ffffff08,transparent 45%,#071b2840); content: ''; inset: 0; pointer-events: none; position: absolute; } .folded-piste-map .map-cover-top { align-items: center; border-bottom: 1px solid #ffffff38; color: var(--lime); display: flex; font-size: 10px; gap: 12px; justify-content: space-between; letter-spacing: .08em; padding-bottom: 12px; } .folded-piste-map .map-cover-top small { color: #d3e0e2; font-size: 10px; letter-spacing: .02em; white-space: nowrap; } .official-map-ticket.folded-piste-map > .map-cover-title { color: #fff; font-family: var(--serif); font-size: 36px; font-weight: 400; letter-spacing: -.04em; line-height: 1.04; margin: 22px 0 6px; overflow-wrap: anywhere; position: relative; z-index: 1; } .folded-piste-map .map-cover-mountains { display: block; flex-shrink: 0; height: auto; margin: 0 -25px; max-width: none; width: calc(100% + 50px); } .folded-piste-map .map-cover-source { color: var(--lime); font-size: 9px; letter-spacing: .1em; line-height: 1.4; margin-top: 14px; } .folded-piste-map .map-cover-source > span { color: #d2dfe0; display: block; font-size: 11px; font-weight: 400; letter-spacing: 0; margin-top: 6px; text-transform: none; } .folded-piste-map .official-map-ticket-action { align-items: center; border-top: 1px solid #ffffff38; color: #fff; display: flex; font-size: 11px; justify-content: space-between; letter-spacing: .09em; margin-top: 18px; padding-top: 14px; } .folded-piste-map .official-map-ticket-action b { color: var(--lime); font-size: 24px; } .official-map-ticket.folded-piste-map:hover, .official-map-ticket.folded-piste-map:focus-visible { outline: 3px solid var(--lime); outline-offset: 8px; transform: rotate(0deg) translateY(-4px); } @media (min-width: 1101px) { .guide-official-map { gap: 6vw; grid-template-columns: 1fr .8fr; padding: 40px 7vw; } .guide-official-map h2 { font-size: clamp(36px, 6svh, 58px); line-height: 1; } .official-map-copy > p:not(.eyebrow) { font-size: 15px; line-height: 1.6; margin: 24px 0; } } @media (min-width: 821px) and (max-width: 1100px) { a.hero-ticket.lift-pass { right: 5vw; width: 185px; } } @media (max-width: 820px) { a.hero-ticket.lift-pass { display: none; } .official-map-ticket.folded-piste-map { width: min(85%, 310px); } } @media (prefers-reduced-motion: reduce) { a.hero-ticket.lift-pass, .official-map-ticket.folded-piste-map { transition: none; } } /* Expedia cards: scenic ski banner, raised white panel and full-card link. */ .ski-stay-panel .ski-stay-choice{position:relative!important;isolation:isolate;overflow:hidden;padding:0 14px 20px!important;border:1px solid #dfe3e9!important;border-radius:22px;background:#edf0f5;color:#17284e;box-shadow:0 12px 32px #1730440b;cursor:pointer} .ski-stay-panel .ski-stay-choice::before{content:"";display:block;height:160px;margin:0 -14px;background:linear-gradient(90deg,#122e3838,#122e3810),url('assets/images/hero-banff.jpg') center/cover} .ski-stay-panel .ski-stay-choice::after{content:"↗ Expedia";position:absolute;top:18px;left:18px;padding:12px 16px;border-radius:12px;background:#fff;color:#17284e;font:700 23px/1 Arial,sans-serif;pointer-events:none} .ski-stay-panel .ski-stay-base{position:relative;display:block;margin:-24px 0 0!important;padding:22px 20px 14px;background:#fff;border-radius:16px 16px 0 0;color:#17284e!important;font:700 24px/1.2 Arial,sans-serif!important} .ski-stay-panel .ski-stay-copy{margin:0!important;padding:0 20px 18px;background:#fff;color:#68738d!important;font:400 14px/1.6 Arial,sans-serif!important} .ski-stay-panel .ski-stay-link{display:flex!important;align-items:center;justify-content:center;gap:10px;min-height:54px!important;margin:0!important;padding:16px 20px!important;border:0!important;border-radius:0 0 16px 16px!important;background:#5862dc!important;color:#fff!important;text-decoration:none!important;font:700 14px/1.4 Arial,sans-serif!important} .ski-stay-panel .ski-stay-link::after{content:"";position:absolute;inset:0;z-index:3;cursor:pointer} .ski-stay-panel .ski-stay-choice:hover .ski-stay-link{background:#414cbd!important} .ski-stay-panel .ski-stay-choice:has(a:focus-visible){outline:3px solid #c8783b;outline-offset:4px} .ski-stay-panel .ski-stay-choices{gap:18px!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important} .ski-stay-panel .ski-flight-airport{margin-right:8px} @media(max-width:640px){.ski-stay-panel .ski-stay-choices{grid-template-columns:1fr!important}.ski-stay-panel .ski-stay-choice::before{height:145px}} .ski-stay-panel .ski-stay-choice{background:#fff;padding-bottom:0!important} .ski-stay-panel .ski-stay-choice::after{content:"\2197 Expedia";background:linear-gradient(90deg,#f5df62 0 42px,#fff 42px);border:8px solid #fff;padding:8px 12px 8px 5px} .ski-stay-panel .ski-stay-link{margin:0 20px 20px!important;border-radius:99px!important} /* Keep only the rounded Expedia cards on the page background. */ .ski-stay-panel,.home .finder-result .ski-stay-panel,.single-csh_resort .guide-stay .ski-stay-panel{background:transparent;border:0;padding:0;color:inherit} .ski-stay-panel .ski-stay-disclosure,.ski-stay-panel .ski-stay-note,.ski-stay-panel .ski-stay-disclosure a{color:inherit}