/* Staff - Grid Module */
.cms-staff-grid-wrap { margin: 3.125rem 0; }
.cms-staff-grid-wrap [class^=col] { display: flex; margin-bottom: 1.875rem; }
.cms-staff-grid-wrap .card { overflow: hidden; width: 100%; position: relative; border: none; border-radius: var(--borderRadius); box-shadow: var(--dropShadow); }
.cms-staff-grid-wrap .card:hover { box-shadow: var(--dropShadow), var(--dropShadow); background-color: hsl(var(--black)); }
.cms-staff-grid-wrap .card-link { overflow: hidden; display: block; background: hsl(var(--black)); }
.cms-staff-grid-wrap .card-img-top { opacity: 0.85; width: 100%; height: 15.625rem; object-fit: cover; transform: scale(1); transition: all ease-in-out 0.4s; }
.cms-staff-grid-wrap .card:hover .card-img-top { opacity: 1; transform: scale(1.2); }
.cms-staff-grid-wrap .card-body { display: flex; flex-direction: inherit; justify-content: space-between; padding: 1rem 1.25rem; background-color: hsl(var(--white)); }
.cms-staff-grid-wrap .card-text { margin: 0; }
.cms-staff-grid-wrap .card-title, .cms-staff-grid-wrap .card-sub-title { font-weight: var(--wMedium); }
.cms-staff-grid-wrap .btn { display: block; margin-top: 0.9375rem; background-color: hsl(var(--siteColor1)); border-radius: var(--borderRadiusPill); color: hsl(var(--white)); font-weight: var(--wRegular); transition: all ease-in-out 0.4s; }
.cms-staff-grid-wrap .btn:hover { background-color: hsl(var(--siteColor2)); }

/* Staff - List Module */
.cms-staff-list-wrap { margin: 3.125rem 0; }
.cms-staff-list-wrap .cms-staff-row { margin-bottom: 3.125rem; }
.cms-staff-list-wrap [class^=col] { display: flex; margin-bottom: 1.875rem; }
.cms-staff-list-wrap .card-img-wrap { overflow: hidden; width: 100%; max-width: 18.75rem; margin: 0 auto 0.9375rem; position: relative; border-radius: 50vw; box-shadow: var(--dropShadow); }
.cms-staff-list-wrap .card-img-link { display: block; position: relative; padding-bottom: 100%; border-radius: inherit; transition: all ease-in-out 0.4s; }
.cms-staff-list-wrap .card-img-left { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; z-index: 1; border-radius: inherit; }
.cms-staff-list-wrap .card-img-link:hover .card-img-left { transform: scale(1.2); }
.cms-staff-list-wrap .card { width: 100%; justify-content: center; border: none; }
.cms-staff-list-wrap .card-body { width: 100%; flex-grow: 0; border: 0.0625rem solid hsla(0,0%,0%,0.125); border-radius: var(--borderRadius); }
.cms-staff-list-wrap .card-title, .cms-staff-list-wrap .card-sub-title { font-weight: var(--wMedium); }
.cms-staff-list-wrap .btn { display: block; margin-top: 0.9375rem; background-color: hsl(var(--siteColor1)); border-radius: var(--borderRadiusPill); color: hsl(var(--white)); font-weight: var(--wRegular); transition: all ease-in-out 0.4s; }
.cms-staff-list-wrap .btn:hover { background-color: hsl(var(--siteColor2)); }

@media(min-width:578px) {
.cms-staff-list-wrap .cms-staff-row { margin-bottom: 0; }
.cms-staff-list-wrap .card-img-wrap { max-width: 100%; }
}

/* Staff - Detail page */
.cms-staff-detail-wrap { margin: 3.125rem 0; }
.cms-staff-detail-wrap .card-img-wrap { overflow: hidden; width: 100%; max-width: 18.75rem; min-height: 18.75rem; margin: 0 auto 0.9375rem; padding-bottom: 65%; position: relative; border-radius: var(--borderRadius); box-shadow: var(--dropShadow); }
.cms-staff-detail-wrap .card-img-left { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }
.cms-staff-detail-wrap .card { width: 100%; justify-content: center; border: none; }
.cms-staff-detail-wrap .card-body { width: 100%; flex-grow: 0; }
.cms-staff-detail-wrap .card-title, .cms-staff-detail-wrap .card-sub-title { font-weight: var(--wMedium); }
.cms-staff-detail-wrap .card-list { list-style: circle; padding-left: 1.25rem; }

@media(min-width:578px) {
.cms-staff-detail-wrap .card-img-wrap { max-width: 100%; min-height: 0; padding-bottom: 100%; }
}

body.staff-main h1.site-color-1 { display: none; }
body.staff-main .col { padding: 0; }
body.staff-main .i-header { position: relative; }
body.staff-main .i-header .white, body.staff-main .i-header .i-header-navigation a { color: #000 !important; }
body.staff-main button#beRecentlyViewedToggle img, body.staff-main img.i-header-logo-img { filter: invert(1); }
body.staff-main .i-content.int > .container { width: 100%; max-width: 100%; padding: 0; }
body.staff-main .i-content.int { padding: 0; text-align: center; }
body.staff-main .staff-title { font-size: 2.875rem; text-transform: initial; }
body.staff-main .staff-intro { padding: 2.625rem 0 7.5rem; display: flex; align-items: center; background: #fffbf2; position: relative; z-index: 2; }
body.staff-main .staff-intro .container { display: flex; flex-direction: column; align-items: center; padding: 0 1.5rem; }
body.staff-main .staff-intro-copy { max-width: 54.1875rem; margin: 1.625rem auto 0; color: rgba(45, 45, 45, 0.77); font-family: var(--siteFont1); font-size: 1.5rem; line-height: 1.875rem; letter-spacing: -0.0421375rem; text-align: center; }
body.staff-main .breadcrumbs { align-self: flex-start; display: inline-flex; align-items: center; gap: 0.5rem; color: rgba(45, 45, 45, 0.8); font-family: var(--siteFont2); font-size: 1rem; font-weight: 400; line-height: 1.125rem; text-align: left; }
body.staff-main .staff-breadcrumb-icon { width: 0.9375rem; height: auto; display: block; }
body.staff-main .breadcrumbs .sep { color: rgba(45, 45, 45, 0.8); font-family: var(--siteFont2); font-size: 1rem; line-height: 1; transform: translateY(-0.03125rem); }
body.staff-main .breadcrumbs .bp-link { color: rgba(45, 45, 45, 0.8); text-decoration: none; }

body.staff-main .story-section { background-color: #f5f0e6; padding: 0 0 5.875rem; }
body.staff-main .story-block { margin: 0; align-items: center; }
body.staff-main .story-block + .story-block { margin-top: 2.875rem; }
body.staff-main .story-block:last-child { margin-bottom: 0; }
body.staff-main .story-image-wrap { overflow: hidden; height: 40.875rem; }
body.staff-main .story-image { display: block; width: 100%; height: 100%; object-fit: cover; }
body.staff-main .story-copy-col { display: flex; align-items: center; justify-content: center; padding: 2rem 1.5rem; }
body.staff-main .story-content { width: 100%; max-width: 27.6875rem; margin: 0 auto; text-align: left; }
body.staff-main .story-title { margin-bottom: 1.625rem; color: rgba(45, 45, 45, 0.77); font-family: var(--siteFont1); font-size: clamp(1.875rem, 2.6vw, 2.125rem); font-weight: 400; line-height: 1.176; letter-spacing: -0.0421875rem; text-transform: none; }
body.staff-main .story-text { color: rgba(45, 45, 45, 0.77); font-family: var(--siteFont2); font-size: 1rem; font-weight: 500; line-height: 1.375rem; margin-bottom: 1rem; }
body.staff-main .story-block-origin { align-items: center; }
body.staff-main .story-image-wrap-origin { position: relative; height: auto; aspect-ratio: 721 / 654; }
body.staff-main .story-image-wrap-origin::after { content: ""; position: absolute; inset: 0; background: rgba(76, 40, 18, 0.2); pointer-events: none; }
body.staff-main .story-content-origin { max-width: 27.6875rem; padding-top: 0; }
body.staff-main .story-title-origin { margin: 0 0 1.875rem; color: rgba(45, 45, 45, 0.77); font-family: var(--siteFont1); font-size: 2.125rem; font-weight: 400; line-height: 1.875rem; letter-spacing: -0.0421375rem; text-transform: none; }
body.staff-main .story-text-origin { margin: 0 0 1.5rem; color: rgba(45, 45, 45, 0.77); font-family: var(--siteFont2); font-size: 1rem; font-weight: 500; line-height: 1.375rem; }
body.staff-main .story-content-origin .story-text-origin:last-child, body.staff-main .story-block-origin .story-text:last-child { margin-bottom: 0; }

@media (max-width: 767.98px) {
body.staff-main .story-section { padding: 0 0 3.5rem; }
body.staff-main .story-block + .story-block { margin-top: 1.5rem; }
body.staff-main .story-content { max-width: 100%; margin: 24px 0 0; }
body.staff-main .story-content-origin { padding-top: 0; }
body.staff-main .staff-image-break-quote { font-size: 1.125rem; line-height: 1.55; }
body.staff-main .staff-image-break-author { margin-top: 1rem; }
body.staff-main .cta-box { padding: 1.875rem 0.9375rem; }
body.staff-main .cta-title { font-size: 1.75rem; }
}

body.staff-main .staff-image-break { position: relative; width: 100%; height: clamp(18rem, 38vw, 34.3125rem); background-image: linear-gradient(90deg, rgba(76, 40, 18, 0.2) 0%, rgba(76, 40, 18, 0.2) 100%), linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%), url("/images/layout/Outpost-Whistler-Staff-Img-BG.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; }
body.staff-main .staff-image-break-inner { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
body.staff-main .staff-image-break .container { display: flex; align-items: center; justify-content: center; height: 100%; }
body.staff-main .staff-image-break-copy { width: 100%; max-width: 84.75rem; margin: 0 auto; text-align: center; }
body.staff-main .staff-image-break-quote { margin: 0 auto; width: 53.125rem; max-width: 100%; color: #fff; font-family: var(--siteFont1); font-size: 1.5rem; font-weight: 400; line-height: 1.875rem; letter-spacing: -0.0421375rem; text-align: center; }
body.staff-main .staff-image-break-author { margin: 1.625rem 0 0; color: #fff; font-family: var(--siteFont2); font-size: 0.625rem; font-weight: 400; line-height: 1.25rem; letter-spacing: 0.03125rem; text-align: center; text-transform: uppercase; }

body.staff-main .team-section { padding: 5rem 0 2rem; background: #ffffff; }
body.staff-main .team-section .container { max-width: 86rem; }
body.staff-main .team-sub { margin: 0 0 0.875rem; color: rgba(45, 45, 45, 0.8); font-family: "Montserrat", var(--siteFont2), sans-serif; font-size: 1rem; font-weight: 600; letter-spacing: 0.7rem; line-height: 1.25; text-align: center; text-transform: uppercase; }
body.staff-main .team-title { max-width: 32rem; margin: 0 auto; color: rgba(45, 45, 45, 0.8); font-family: var(--siteFont1); font-size: 2.125rem; font-weight: 400; line-height: 2.5rem; letter-spacing: -0.0421375rem; text-align: center; text-transform: none; }
body.staff-main .cms-staff-list-wrap { margin: 3.9375rem auto 0; row-gap: 3.5rem; }
body.staff-main .cms-staff-list-wrap [class^=col] { display: block; margin-bottom: 0; }
body.staff-main .staff-card-col { padding-left: 1.1875rem; padding-right: 1.1875rem; }
body.staff-main .cms-staff-list-wrap .card { width: 100%; justify-content: center; border: none; background: transparent; }
body.staff-main .cms-staff-list-wrap .card-img-wrap { margin: 0 0 1.5rem; max-width: 100%; box-shadow: none; background: #d9d9d9; }
body.staff-main .cms-staff-list-wrap .card-img-link { padding-bottom: 138.4%; }
body.staff-main .cms-staff-list-wrap .card-img-link::after { content: ""; position: absolute; inset: 0; background: rgba(76, 40, 18, 0.2); pointer-events: none; }
body.staff-main .cms-staff-list-wrap .card-img-wrap, body.staff-main .cms-staff-list-wrap .card-img-left { border-radius: 0; }
body.staff-main .cms-staff-list-wrap .card-body { width: 100%; flex-grow: 0; border: none; border-radius: 0; text-align: left; padding: 0; }
body.staff-main .cms-staff-list-wrap .card-title { margin: 0 0 0.25rem; color: rgba(45, 45, 45, 0.77); font-family: var(--siteFont1); font-size: 1.5rem; font-weight: 400; line-height: 1.875rem; letter-spacing: -0.0421375rem; text-transform: none; }
body.staff-main .cms-staff-list-wrap .card-sub-title { margin: 0; color: rgba(45, 45, 45, 0.77); font-family: var(--siteFont2); font-size: 1rem; font-weight: 500; line-height: 1.375rem; text-transform: none; }

body.staff-main .cta-section { padding: 2rem 0 5rem; background: #ffffff; }
body.staff-main .cta-box { background-color: #233d3d; padding: 4rem 1.5rem; text-align: center; }
body.staff-main .cta-title { color: #ffffff; font-family: var(--siteFont1); font-size: 2.125rem; line-height: 2.5rem; letter-spacing: -0.0421375rem; margin-bottom: 2.8125rem; font-weight: 400; text-transform: none; }
body.staff-main .cta-btn { display: inline-flex; align-items: center; justify-content: center; min-width: 14.0625rem; min-height: 3.25rem; border-radius: 0; border: 0.5px solid #ffffff; color: #ffffff; padding: 0.75rem 2rem; font-family: var(--siteFont2); font-size: 1rem; font-weight: 500; line-height: 1.25rem; text-decoration: none; background: transparent; transition: background-color 0.3s ease, color 0.3s ease; }
body.staff-main .cta-btn:hover, body.staff-main .cta-btn:focus { background-color: #ffffff; color: #1f3a3a; text-decoration: none; }

body.staff-main .hero-quick-search-wrap.int { display: none; }
body.staff-main a.bp-link { color: #4d4d4d; }
body.staff-main .hero-wrap.int { position: relative; }
body.staff-main .hero-wrap.int .hero-img-wrap { height: 35.5625rem; }
body.staff-main .hero-img-wrap::after { content: ""; position: absolute; inset: 0; background: linear-gradient(rgba(76, 40, 18, 0.2), rgba(76, 40, 18, 0.2)), linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }
body.staff-main .hero-wrap.int::before { content: "OUR STORY"; position: absolute; left: 50%; top: 15.25rem; z-index: 3; transform: translateX(-50%); color: #fff; font-family: "Montserrat", var(--siteFont2), sans-serif; font-size: 1rem; font-weight: 600; letter-spacing: 0.7rem; line-height: 1.25; text-transform: uppercase; white-space: nowrap; }
body.staff-main .hero-wrap.int::after { content: "Get To Know Us"; position: absolute; left: 50%; top: 17.25rem; z-index: 3; width: min(54.1875rem, calc(100% - 2rem)); transform: translateX(-50%); color: #fefcfa; font-family: var(--siteFont1); font-size: clamp(2.25rem, 3.3vw, 2.875rem); font-weight: 400; line-height: 1.2; letter-spacing: -0.078125rem; text-align: center; }

@media (max-width: 767.98px) {
body.staff-main .hero-wrap.int::before { top: 9rem; font-size: 0.875rem; letter-spacing: 0.35rem; }
body.staff-main .hero-wrap.int::after { top: 11.75rem; font-size: 2rem; width: calc(100% - 2rem); }
}

@media (max-width: 1024px) {
body.staff-main .hero-wrap.int .hero-img-wrap { height: 28rem; }
body.staff-main .staff-intro { padding: 2rem 0 4.5rem; }
body.staff-main .staff-intro-copy { margin-top: 2rem; font-size: 1.125rem; }
body.staff-main .breadcrumbs { justify-content: flex-start; }
body.staff-main .story-image-wrap, body.staff-main .story-image { height: 20rem; }
body.staff-main .story-copy-col { padding: 2rem 1.5rem 0; }
body.staff-main .story-section { padding: 0 0 3rem; }
body.staff-main .story-image-wrap-origin, body.staff-main .story-image-wrap-origin .story-image { height: auto; }
body.staff-main .story-content-origin { padding-top: 0; }
body.staff-main .staff-image-break .container { padding-left: 1.5rem; padding-right: 1.5rem; }
body.staff-main .staff-image-break-quote { font-size: 1.25rem; line-height: 1.45; }
body.staff-main .team-section { padding: 4rem 0 1.5rem; }
body.staff-main .team-sub { font-size: 0.8125rem; letter-spacing: 0.35rem; }
body.staff-main .team-title { max-width: 18rem; font-size: 1.75rem; line-height: 2.125rem; }
body.staff-main .cms-staff-list-wrap { margin: 3rem 0 0; row-gap: 2.75rem; }
body.staff-main .staff-card-col { padding-left: 0.9375rem; padding-right: 0.9375rem; }
body.staff-main .cms-staff-list-wrap .card-img-link { padding-bottom: 132%; }
body.staff-main .cms-staff-list-wrap .card-title { font-size: 1.375rem; line-height: 1.7rem; }
body.staff-main .cms-staff-list-wrap .card-sub-title { font-size: 0.9375rem; line-height: 1.3rem; }
body.staff-main .cms-staff-list-wrap .card-img-wrap { max-width: 100%; }
body.staff-main .cta-section { padding: 1.5rem 0 4rem; }
body.staff-main .cta-box { padding: 3rem 1.25rem; }
body.staff-main .cta-title { font-size: 1.75rem; line-height: 2.125rem; margin-bottom: 2rem; }
body.staff-main .cta-btn { min-width: 11rem; min-height: 3rem; font-size: 0.9375rem; }
}