/* Box sizing rules */ *, *::before, *::after { box-sizing: border-box; } /* Prevent font size inflation */ html { -moz-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; scroll-behavior: smooth; } * { margin: 0; outline: none; } /* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */ ul[role='list'], ol[role='list'] { list-style: none; } /* Set core body defaults */ body { min-height: 100vh; line-height: 1.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; } /* Set shorter line heights on headings and interactive elements */ h1, h2, h3, h4, button, input, label { line-height: 1.1; } /* Balance text wrapping on headings */ h1, h2, h3, h4 { text-wrap: balance; } /* A elements that don't have a class get default styles */ a:not([class]) { -webkit-text-decoration-skip: ink; text-decoration-skip-ink: auto; color: currentColor; } /* Make images easier to work with */ img, picture, video, canvas, svg { max-width: 100%; display: block; } /* Inherit fonts for inputs and buttons */ input, button, textarea, select { font: inherit; } /* Make sure textareas without a rows attribute are not tiny */ textarea:not([rows]) { min-height: 10em; } /* Anything that has been anchored to should have extra scroll margin */ :target { scroll-margin-block: 5ex; } /* Avoid text overflows */ p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; } html { scroll-behavior: smooth; } img, svg, iframe, embed { vertical-align: bottom; } address { font-style: normal; } a { color: inherit; text-underline-offset: 2px; } a:has(> i) { display: flex; align-items: center; gap: 1rem; } .site-wrapper { overflow-x: hidden; } .flickity-viewport { overflow: visible; } :root { --brand--heading-font: "Outfit", sans-serif; --brand--body-font: "Outfit", sans-serif; --brand--primary-color: #114D88; --brand--secondary-color: #9A55BC; --brand--alice-blue: #F3F9FF; --brand--ceramic: #FBFFF2; } :root { --brand--light-grey-cyan: #758885; --brand--blue: #004b88; --brand--orange: #FCBB69; --brand--light-blue: #D4EEFF; --brand--green: #30C541; --brand--teal: #006278; --brand--peach: #FCCEBA; --brand--primary-color: var(--brand--light-grey-cyan); --brand--secondary-color: #fcbb69; --brand--tertiary-color: #006278; --brand--body-bg-color: #212924; --brand--body-text-color: #ffffff; --brand--heading-font: "abril-display", serif; --brand--body-font: "Open Sans", sans-serif; --brand--body-line-height: 1.7; --brand--body-font: Gilroy, sans-serif; } /* Fonts */ /* breakpoints */ /* breakpoints */ .btn { height: 55px; border-color: black; border: none; background-color: black; color: white; display: inline-flex; align-items: center; padding-left: 0.9rem; padding-right: 0.9rem; text-decoration: none; } @media (min-width: 576px) { .btn { padding-left: 1.2rem; padding-right: 1.2rem; } } .btn:hover { opacity: 0.8; } .btn span, .btn i { z-index: 1; position: relative; } .btn .loading-dots { visibility: hidden; } .btn .loading-dots i { display: inline-block; content: ''; position: absolute; top: 50%; left: 50%; width: 15px; height: 15px; background-color: var(--brand--primary-color); border-radius: 50%; transform: translate(-50%, -50%); animation: loadingDots 1.2s ease-in; animation-iteration-count: 999; animation-direction: normal; animation-fill-mode: forwards; transform: translate(-50%, -50%) scale(0.5); opacity: 0.4; } .btn .loading-dots i:nth-child(1) { left: calc( 50% - 1.3em); } .btn .loading-dots i:nth-child(2) { animation-delay: 80ms; } .btn .loading-dots i:nth-child(3) { left: calc( 50% + 1.3em); animation-delay: 160ms; } .btn.loading { pointer-events: none; background-color: white; } .btn.loading:before { background-color: transparent; } .btn.loading span { visibility: hidden; } .btn.loading .loading-dots { visibility: visible; } @keyframes loadingDots { 0% { transform: translate(-50%, -50%) scale(0.5); opacity: 0.4; } 20% { transform: translate(-50%, -50%) scale(1.2); opacity: 1; } 60% { transform: translate(-50%, -50%) scale(0.5); opacity: 0.4; } 100% { transform: translate(-50%, -50%) scale(0.5); opacity: 0.4; } } .entry-content a.btn, a.btn { text-decoration: none; } .gform_wrapper form, .gform_body, .gform_fields { display: flex; flex-direction: column; gap: 1rem; } .gform_fields { flex-direction: row; } .gfield_label { font-weight: bold; display: block; margin-bottom: 1rem; } .gfield_validation_message { color: red; margin-top: 0.5rem; } .hidden_label .gfield_label, .hide_summary, .gform_hidden, .gfield--type-honeypot { display: none; } .gform_fileupload_rules { margin-top: 0.5rem; display: block; } .gfield_required_asterisk { color: red; margin-left: 0.5rem; } fieldset.gfield { margin: 0; padding: 0; border: none; } select, input[type=text], input[type=email], input[type=tel], textarea { height: 55px; background-color: #fff; border: 1px solid black; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-left: 1rem; padding-right: 1rem; font-size: 1.1rem; font-weight: normal; font-family: var(--brand--body-font); width: 100%; } select::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=tel]::-moz-placeholder, textarea::-moz-placeholder { font-weight: normal; color: black; opacity: 0.5; } select::placeholder, input[type=text]::placeholder, input[type=email]::placeholder, input[type=tel]::placeholder, textarea::placeholder { font-weight: normal; color: black; opacity: 0.5; } textarea { height: auto; width: 100%; padding-top: 1rem; padding-bottom: 1rem; } select, .select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='16'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='none' d='M-2-1h26v16H-2z' data-name='Rectangle 51'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' data-name='Group 35' transform='translate(2 1)'%3E%3Cpath d='M11.2 14a1.4 1.4 0 0 1-1-.5L.2 2.3A1.4 1.4 0 0 1 2.5.5l8.7 10 8.7-10a1.4 1.4 0 1 1 2.2 1.8l-9.8 11.2a1.4 1.4 0 0 1-1.1.5Z' data-name='Path 136'/%3E%3C/g%3E%3C/svg%3E "); background-size: 26px 16px; background-position: right 0.8rem center; background-repeat: no-repeat; } .select { cursor: pointer; } .select:hover { opacity: 0.5; } button { cursor: pointer; } .gpfup__droparea > div { padding-top: 2rem; padding-bottom: 2rem; } .gpfup__droparea > div:before { content: ''; display: block; width: 73px; height: auto; aspect-ratio: 73 / 66; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='73.67' height='66.34'%3E%3Cg fill='%239a55bc'%3E%3Cpath data-name='Path 317' d='M64.4 23.16v-.72A23.02 23.02 0 0 0 40.97 0 23.49 23.49 0 0 0 19.44 13.7 21.85 21.85 0 0 0 0 35.27a21.58 21.58 0 0 0 21.65 21.54h8.41v-4.48h-8.41a17.16 17.16 0 0 1-.56-34.24h1.5l.51-1.41A18.91 18.91 0 0 1 41.05 4.56 18.53 18.53 0 0 1 60.02 22.5a17.39 17.39 0 0 1 0 1.8l-.18 1.6 1.46.68a13.46 13.46 0 0 1-5.7 25.74H43.52v4.48H55.6a17.95 17.95 0 0 0 8.82-33.65Z'/%3E%3Cpath data-name='Path 318' d='M46.4 43.01a2.24 2.24 0 0 0 1.6-3.83L36.8 27.96 25.57 39.17a2.24 2.24 0 0 0 3.16 3.17l5.8-5.72V64.1a2.24 2.24 0 1 0 4.5 0V36.62l5.76 5.76a2.24 2.24 0 0 0 1.6.63Z'/%3E%3C/g%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; margin-left: auto; margin-right: auto; margin-bottom: 1rem; } .gf-options-inline .gfield_radio { display: flex; gap: 1rem; } .hamburger { display: block; background: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; border: none; min-width: 31px; min-height: 22px; padding: 0; will-change: opacity; transition: opacity 250ms ease; } .hamburger:hover { cursor: pointer; } .hamburger i { position: absolute; top: 50%; left: 50%; width: 31px; height: 22px; transform: translate(-50%, -50%); } .hamburger i span { display: block; height: 3px; width: 100%; position: absolute; background-color: white; will-change: transform, opacity, background-color; border-radius: 0; transition: all 250ms ease; transform-origin: 50%; } .hamburger i span:nth-child(1) { top: 0; } .hamburger i span:nth-child(2) { top: 50%; transform: translateY(-50%); } .hamburger i span:nth-child(3) { bottom: 0; } .hamburger:hover i span { opacity: 0.7; } .icon { display: block; } .icon--facebook { aspect-ratio: 1; width: 2rem; height: auto; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.47' height='23.33'%3E%3Cpath d='M23.47 11.73A11.73 11.73 0 1 0 9.9 23.34v-8.2H6.92v-3.4H9.9V9.15c0-2.94 1.75-4.57 4.43-4.57a18.06 18.06 0 0 1 2.63.23V7.7h-1.48a1.7 1.7 0 0 0-1.91 1.83v2.2h3.25l-.52 3.4h-2.73v8.2a11.74 11.74 0 0 0 9.9-11.6Z' fill='%23fff'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; background-position: center; } .icon--linkedin { aspect-ratio: 1; width: 2rem; height: auto; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.47' height='23.47'%3E%3Cpath d='M3.62 19.65h3.53V9.05H3.62ZM7.38 5.78a1.8 1.8 0 0 0-.55-1.32 1.95 1.95 0 0 0-1.42-.52 2.04 2.04 0 0 0-1.44.52 1.72 1.72 0 0 0-.56 1.32 1.75 1.75 0 0 0 .54 1.3 1.94 1.94 0 0 0 1.41.53h.02a2.01 2.01 0 0 0 1.45-.53 1.74 1.74 0 0 0 .55-1.3Zm8.94 13.87h3.53v-6.08A5.08 5.08 0 0 0 18.74 10a3.82 3.82 0 0 0-2.95-1.21 3.55 3.55 0 0 0-3.2 1.79h.03V9.05H9.1q.05 1 0 10.6h3.53v-5.93a2.53 2.53 0 0 1 .1-.85 2.37 2.37 0 0 1 .7-.91 1.72 1.72 0 0 1 1.13-.38q1.77 0 1.77 2.4v5.67ZM23.47 4.4v14.67a4.4 4.4 0 0 1-4.4 4.4H4.4a4.24 4.24 0 0 1-3.11-1.3A4.24 4.24 0 0 1 0 19.08V4.4a4.24 4.24 0 0 1 1.3-3.11A4.24 4.24 0 0 1 4.4 0h14.67a4.24 4.24 0 0 1 3.11 1.3 4.24 4.24 0 0 1 1.29 3.1Z' fill='%23fff'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; background-position: center; } .icon--instagram { aspect-ratio: 1; width: 2rem; height: auto; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.47' height='23.47'%3E%3Cpath data-name='Path 146' d='M11.73 6.4a5.33 5.33 0 1 0 5.34 5.33 5.33 5.33 0 0 0-5.34-5.33Zm-3.2 5.33a3.2 3.2 0 1 0 3.2-3.2 3.2 3.2 0 0 0-3.2 3.2Z' fill='%23fff' fill-rule='evenodd'/%3E%3Cpath data-name='Path 147' d='M18.14 4.27a1.07 1.07 0 1 0 1.06 1.06 1.07 1.07 0 0 0-1.06-1.06Z' fill='%23fff'/%3E%3Cpath data-name='Path 148' d='M4.27 0A4.27 4.27 0 0 0 0 4.27V19.2a4.27 4.27 0 0 0 4.27 4.27H19.2a4.27 4.27 0 0 0 4.27-4.27V4.27A4.27 4.27 0 0 0 19.2 0ZM19.2 2.13H4.27a2.13 2.13 0 0 0-2.14 2.14V19.2a2.13 2.13 0 0 0 2.14 2.13H19.2a2.13 2.13 0 0 0 2.14-2.13V4.27a2.13 2.13 0 0 0-2.14-2.14Z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; background-position: center; } .icon--twitter { aspect-ratio: 1; width: 2rem; height: auto; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M24 4.56c-.88.39-1.83.65-2.83.77a4.93 4.93 0 0 0 2.17-2.72c-.95.56-2 .97-3.13 1.2a4.92 4.92 0 0 0-8.4 4.48C7.74 8.1 4.1 6.13 1.68 3.15A4.93 4.93 0 0 0 3.2 9.72a4.9 4.9 0 0 1-2.23-.61A4.93 4.93 0 0 0 4.91 14c-.69.18-1.45.23-2.22.08a4.93 4.93 0 0 0 4.6 3.42A9.9 9.9 0 0 1 0 19.54a13.94 13.94 0 0 0 7.55 2.21c9.14 0 14.3-7.72 14-14.64.95-.7 1.79-1.57 2.45-2.55z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; background-position: center; } .icon--email-alt { aspect-ratio: 1; width: 2rem; height: auto; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.52' height='23.52'%3E%3Cpath d='m23.36 22.72-8.04-8.02 8.04-8.02a1.47 1.47 0 0 1 .16.67v14.7a1.48 1.48 0 0 1-.16.67ZM1.45 5.88h3.1a7.26 7.26 0 0 1 2.55-4.2A7.09 7.09 0 0 1 11.76 0a7.1 7.1 0 0 1 4.67 1.68 7.25 7.25 0 0 1 2.55 4.2h3.1L11.76 16.2Zm11.37 5.7 3.35-4.23-3.35-4.25a.85.85 0 0 0-1.06 0v2.78H8.1a.74.74 0 0 0-.74.73v1.47a.74.74 0 0 0 .74.74h3.67v2.76a.85.85 0 0 0 1.06 0ZM.16 22.72a1.47 1.47 0 0 1-.16-.67V7.35a1.48 1.48 0 0 1 .16-.67L8.2 14.7Zm10.7-5.35a.86.86 0 0 0 .36.2 1.3 1.3 0 0 0 .38.07h.16a1.15 1.15 0 0 0 .9-.27l1.63-1.63 7.8 7.78H1.44l7.78-7.78Z' fill='%23fff'/%3E%3C/svg%3E"); } i[class^="icon"] { display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: center; flex: none; } /* ====== Zoom effect ====== */ .mfp-zoom-in { /* start state */ /* animate in */ /* animate out */ } .mfp-zoom-in .mfp-with-anim { opacity: 0; transition: all 0.2s ease-in-out; transform: scale(0.8); } .mfp-zoom-in.mfp-bg { opacity: 0; transition: all 0.3s ease-out; } .mfp-zoom-in.mfp-ready .mfp-with-anim { opacity: 1; transform: scale(1); } .mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-zoom-in.mfp-removing .mfp-with-anim { transform: scale(0.8); opacity: 0; } .mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } /* ====== Newspaper effect ====== */ .mfp-newspaper { /* start state */ /* animate in */ /* animate out */ } .mfp-newspaper .mfp-with-anim { opacity: 0; transition: all 0.5s; transform: scale(0) rotate(500deg); } .mfp-newspaper.mfp-bg { opacity: 0; transition: all 0.5s; } .mfp-newspaper.mfp-ready .mfp-with-anim { opacity: 1; transform: scale(1) rotate(0deg); } .mfp-newspaper.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-newspaper.mfp-removing .mfp-with-anim { transform: scale(0) rotate(500deg); opacity: 0; } .mfp-newspaper.mfp-removing.mfp-bg { opacity: 0; } /* ====== Move-horizontal effect ====== */ .mfp-move-horizontal { /* start state */ /* animate in */ /* animate out */ } .mfp-move-horizontal .mfp-with-anim { opacity: 0; transition: all 0.3s; transform: translateX(-50px); } .mfp-move-horizontal.mfp-bg { opacity: 0; transition: all 0.3s; } .mfp-move-horizontal.mfp-ready .mfp-with-anim { opacity: 1; transform: translateX(0); } .mfp-move-horizontal.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-move-horizontal.mfp-removing .mfp-with-anim { transform: translateX(50px); opacity: 0; } .mfp-move-horizontal.mfp-removing.mfp-bg { opacity: 0; } /* ====== Move-from-top effect ====== */ .mfp-move-from-top { /* start state */ /* animate in */ /* animate out */ } .mfp-move-from-top .mfp-content { vertical-align: top; } .mfp-move-from-top .mfp-with-anim { opacity: 0; transition: all 0.2s; transform: translateY(-100px); } .mfp-move-from-top.mfp-bg { opacity: 0; transition: all 0.2s; } .mfp-move-from-top.mfp-ready .mfp-with-anim { opacity: 1; transform: translateY(0); } .mfp-move-from-top.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-move-from-top.mfp-removing .mfp-with-anim { transform: translateY(-50px); opacity: 0; } .mfp-move-from-top.mfp-removing.mfp-bg { opacity: 0; } /* ====== 3d unfold ====== */ .mfp-3d-unfold { /* start state */ /* animate in */ /* animate out */ } .mfp-3d-unfold .mfp-content { perspective: 2000px; } .mfp-3d-unfold .mfp-with-anim { opacity: 0; transition: all 0.3s ease-in-out; transform-style: preserve-3d; transform: rotateY(-60deg); } .mfp-3d-unfold.mfp-bg { opacity: 0; transition: all 0.5s; } .mfp-3d-unfold.mfp-ready .mfp-with-anim { opacity: 1; transform: rotateY(0deg); } .mfp-3d-unfold.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-3d-unfold.mfp-removing .mfp-with-anim { transform: rotateY(60deg); opacity: 0; } .mfp-3d-unfold.mfp-removing.mfp-bg { opacity: 0; } /* ====== Zoom-out effect ====== */ .mfp-zoom-out { /* start state */ /* animate in */ /* animate out */ } .mfp-zoom-out .mfp-with-anim { opacity: 0; transition: all 0.3s ease-in-out; transform: scale(1.3); } .mfp-zoom-out.mfp-bg { opacity: 0; transition: all 0.3s ease-out; } .mfp-zoom-out.mfp-ready .mfp-with-anim { opacity: 1; transform: scale(1); } .mfp-zoom-out.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-zoom-out.mfp-removing .mfp-with-anim { transform: scale(1.3); opacity: 0; } .mfp-zoom-out.mfp-removing.mfp-bg { opacity: 0; } /* ====== "Hinge" close effect ====== */ @keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 100% { transform: translateY(700px); opacity: 0; } } .hinge { animation-duration: 1s; animation-name: hinge; } .mfp-with-fade .mfp-content, .mfp-with-fade.mfp-bg { opacity: 0; transition: opacity .5s ease-out; } .mfp-with-fade.mfp-ready .mfp-content { opacity: 1; } .mfp-with-fade.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-with-fade.mfp-removing.mfp-bg { opacity: 0; } .popup { max-width: 710px; margin-left: auto; margin-right: auto; background-color: white; } .mfp-bg, .mfp-wrap { z-index: 99999 !important; } .mobile-navigation { background-color: white; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; display: flex; flex-direction: column; transform: translateX(100%); transition: transform 950ms cubic-bezier(0.165, 0.84, 0.44, 1); left: auto; right: 0; max-width: 480px; width: 100%; align-items: flex-start; color: var(--brand--body-text-color); padding: 2rem; } .mobile-navigation.is-visible { transform: translateX(0); } .mobile-navigation .wrapper { height: 100%; display: flex; flex-direction: column; } .mobile-navigation__header { height: 140px; display: flex; } .mobile-navigation__main ul { display: flex; flex-direction: column; gap: 0.9rem; } .mobile-navigation__footer { padding-top: 2rem; padding-bottom: 2rem; margin-top: auto; font-weight: bold; } .mobile-navigation__footer a { color: var(--brand--primary-color); } .mobile-navigation__footer a:nth-child(n+2) { position: relative; } .mobile-navigation__footer a:nth-child(n+2):before { content: ''; display: block; width: 1px; background-color: var(--brand--primary-color); height: 1rem; position: absolute; top: 50%; left: -0.5rem; transform: translateY(-50%); } .mobile-navigation__close { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; aspect-ratio: 1; width: auto; height: 22px; border: none; padding: 0; } .mobile-navigation__main ul { align-items: flex-start; } .mobile-navigation .logo path { fill: var(--brand--primary-color); } .mobile-navigation .hamburger i span { background-color: var(--brand--primary-color); } .mobile-navigation__header { width: 100%; height: 90px; } .mobile-navigation__main { align-items: flex-start; width: 100%; margin-bottom: auto; margin-top: 5rem; } .mobile-navigation .sub-menu .sub-menu a { font-weight: normal; } .mobile-navigation .sub-menu { gap: 0.7rem; padding-top: 0.9rem; } .mobile-navigation .sub-menu { display: block; padding-left: 0; list-style: none; } .mobile-navigation .nav-menu { width: 100%; } .mobile-navigation .nav-menu > li { align-self: stretch; font-weight: bold; } .mobile-navigation li.menu-item-has-children { position: relative; } .mobile-navigation li.menu-item-has-children > button { color: white; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; box-shadow: none; width: auto; height: auto; background: none; display: inline; padding: 0; margin-left: 0.5rem; font-size: 1.6rem; line-height: 1; vertical-align: middle; transition: all 250ms ease; } .mobile-navigation li.menu-item-has-children > button:hover { opacity: 0.7; } .mobile-navigation li.menu-item-has-children.is-active > button { transform: rotate(-135deg); } .mobile-navigation li.menu-item-has-children.is-active > button:after { transform: rotate(0); } /* Box sizing rules */ *, *::before, *::after { box-sizing: border-box; } /* Prevent font size inflation */ html { -moz-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; scroll-behavior: smooth; } * { margin: 0; outline: none; } /* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */ ul[role='list'], ol[role='list'] { list-style: none; } /* Set core body defaults */ body { min-height: 100vh; line-height: 1.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; } /* Set shorter line heights on headings and interactive elements */ h1, h2, h3, h4, button, input, label { line-height: 1.1; } /* Balance text wrapping on headings */ h1, h2, h3, h4 { text-wrap: balance; } /* A elements that don't have a class get default styles */ a:not([class]) { -webkit-text-decoration-skip: ink; text-decoration-skip-ink: auto; color: currentColor; } /* Make images easier to work with */ img, picture, video, canvas, svg { max-width: 100%; display: block; } /* Inherit fonts for inputs and buttons */ input, button, textarea, select { font: inherit; } /* Make sure textareas without a rows attribute are not tiny */ textarea:not([rows]) { min-height: 10em; } /* Anything that has been anchored to should have extra scroll margin */ :target { scroll-margin-block: 5ex; } /* Avoid text overflows */ p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; } html { scroll-behavior: smooth; } img, svg, iframe, embed { vertical-align: bottom; } address { font-style: normal; } a { color: inherit; text-underline-offset: 2px; } a:has(> i) { display: flex; align-items: center; gap: 1rem; } .site-wrapper { overflow-x: hidden; } .flickity-viewport { overflow: visible; } .stagger .stagger--in { opacity: 0; transition: opacity 0.75s ease; } .stagger .stagger--in.animate-in { opacity: 1; transition-delay: 125ms; } body { font-family: var(--brand--body-font); } a { text-decoration: none; } h1, h2, h3, h4, h5, h6 { font-weight: 500; } h1, h2, h3, h4, h5, h6, [class*="__heading"], [class*="-heading"] { line-height: 1.1; } .entry-content { font-size: 1.2rem; font-weight: 200; line-height: 1.7; } @media (min-width: 768px) { .entry-content { font-size: 1.4rem; } } .entry-content ol, .entry-content ul { display: flex; gap: 0.5rem; flex-direction: column; list-style-type: decimal; padding-left: 1rem; margin-left: 1rem; } .entry-content ol ol { list-style-type: lower-alpha; } .entry-content ul { list-style-type: disc; } .entry-content li::marker { font-weight: 400; } .entry-content > *:not(:last-child), .entry-content > blockquote > *:not(:last-child) { margin-bottom: 1rem; margin-bottom: 1.2rem; } .entry-content strong { font-weight: bold; } .entry-content h3 { font-size: 2rem; } .entry-content a { text-decoration: underline; } .entry-content a:hover { text-decoration: none; } .entry-content ul.list { list-style: none; padding: 0; margin: 0; } .d-flex { display: flex; align-items: center; justify-content: space-between; } .fg { position: relative; z-index: 1; } .hide { display: none; } .nav-menu { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; } .zoom-hover { transition: transform 350ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 350ms cubic-bezier(0.215, 0.61, 0.355, 1); will-change: transform, opacity; } .zoom-hover [class*=-image] { overflow: hidden; } .zoom-hover [class*=-image] img { transition: transform 350ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 350ms cubic-bezier(0.215, 0.61, 0.355, 1); will-change: transform, opacity; } .zoom-hover:hover [class*=-image] img { transform: scale(1.1); } .line-clamp, .line-clamp--3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } :root { --brand--heading-font: "Outfit", sans-serif; --brand--body-font: "Outfit", sans-serif; --brand--primary-color: #114D88; --brand--secondary-color: #9A55BC; --brand--alice-blue: #F3F9FF; --brand--ceramic: #FBFFF2; } @media (max-width: 767px) { .ad-banner.section { margin-top: 5rem; margin-bottom: 5rem; } } .ad-banner__items { margin-left: auto; margin-right: auto; } .ad-banner__item { display: none; } .ad-banner__item.active { display: block; } .ad-banner__item-image--landscape { aspect-ratio: 1648 / 187; width: 100%; height: auto; display: none; } @media (min-width: 768px) { .ad-banner__item-image--landscape { display: block; } } .ad-banner__item-image--portrait { aspect-ratio: 1; width: 100%; height: auto; display: block; } @media (min-width: 768px) { .ad-banner__item-image--portrait { display: none; } } .ad-banner__item-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } *:has(> .icon--right-arrow) .icon--right-arrow { transition: transform 250ms ease; } *:has(> .icon--right-arrow):hover .icon--right-arrow { transform: translateX(0.3rem); } .news-grid__item-image { overflow: hidden; } .news-grid__item img { will-change: transform; transition: transform 250ms ease; } .news-grid__item:hover img { transform: scale(1.1); } .btn { transition: opacity 250ms ease, transform 250ms ease; } .resource-grid__item h3 a { transition: color 150ms ease; } .flickity-button { transition: background-color 150ms ease; } .resource-grid__item li:before { transition: transform 150ms ease; will-change: transform; } .resource-grid__item li:hover:before { transform: translateX(0.2rem); opacity: 1; } .site-navigation .quick-hide a:hover, .hide-this-site:hover { text-decoration: none; } .article .wrapper { display: flex; flex-direction: column; gap: 2rem; } .article__image { width: 100vw; left: 50%; transform: translateX(-50%); position: relative; } .article__image img { aspect-ratio: 1.1; width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; } @media (min-width: 768px) { .article__image img { width: 100%; aspect-ratio: 1710 / 800; } } @media (max-width: 991px) { .article__image + .link--back { display: none; } } .article__text h1 { margin-bottom: 2rem; } .benefits-carousel .flickity-viewport { overflow: visible; } .benefits-carousel__items { aspect-ratio: 1700 / 520; } .benefits-carousel .benefits-carousel__item { aspect-ratio: 350 / 450; width: 350px; margin-right: 1rem; width: 320px; width: 340px; } @media (min-width: 1400px) { .benefits-carousel .benefits-carousel__item { margin-right: 1rem; width: calc( 100% / 4 - 1rem * 2 / 3); } } .benefits-carousel .benefits-carousel__item-image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .benefits-carousel .benefits-carousel__item-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .benefits-carousel .benefits-carousel__item-text { position: absolute; bottom: 0; left: 0; padding: 1rem; margin: 1rem; background-color: #21292488; font-size: 2rem; font-family: var(--brand--heading-font); line-height: 1.1; min-height: 6.4rem; } body { background-color: var(--brand--body-bg-color); line-height: var(--brand--body-line-height); color: var(--brand--body-text-color); } .btn { height: 55px; font-weight: 600; gap: 0.5rem; border-radius: 4px; font-weight: bold; justify-content: center; } @media (min-width: 768px) { .btn { height: 65px; } } .btn--light-grey-cyan, .btn--primary { background-color: var(--brand--light-grey-cyan); border-color: var(--brand--light-grey-cyan); } .btn--blue { background-color: var(--brand--primary-color); border-color: var(--brand--primary-color); } .btn--light-blue { background-color: var(--brand--light-blue); border-color: var(--brand--light-blue); color: var(--brand--primary-color); } .btn--orange { background-color: var(--brand--orange); border-color: var(--brand--orange); color: var(--brand--primary-color); } .btn--green { background-color: var(--brand--green); border-color: var(--brand--green); } .btn--teal { background-color: var(--brand--teal); border-color: var(--brand--teal); } .btn--peach { background-color: var(--brand--peach); border-color: var(--brand--peach); color: var(--brand--primary-color); } .btn--white { background-color: white; border-color: white; color: var(--brand--primary-color); } .btn--donate { height: 40px; } .btn--whatsapp { min-width: 180px; } @media (max-width: 991px) { .contact.section { margin-bottom: 0; } } .contact__content, .contact .entry-content { font-size: 1.2rem; line-height: 1.5; font-weight: 400; } @media (min-width: 992px) { .contact__content, .contact .entry-content { font-size: 1.2rem; line-height: 1.5; } } .contact__content h3, .contact .entry-content h3 { font-size: 2rem; font-weight: 500; margin-bottom: 0.5rem; } .contact__content h3:not(:first-child), .contact .entry-content h3:not(:first-child) { margin-top: 3rem; } .contact__content address, .contact .entry-content address { line-height: 1.5; } @media (min-width: 992px) { .contact__text, .contact__map { width: calc( 50% - 2rem / 2); } } .contact__map { position: relative; align-self: stretch; aspect-ratio: 1; width: 100vw; height: auto; left: 50%; transform: translateX(-50%); } @media (min-width: 576px) { .contact__map { aspect-ratio: 4 / 3; width: 100%; left: auto; transform: none; } } @media (min-width: 992px) { .contact__map { aspect-ratio: unset; width: auto; left: auto; transform: none; flex: 1; } } .contact__map:before { content: attr(data-latlng); position: absolute; top: -1rem; right: calc(100% + 0.4rem); transform-origin: 100% 100%; white-space: nowrap; transform: rotate(-90deg); font-size: 0.9rem; font-weight: 500; } @media (max-width: 991px) { .contact__map:before { display: none; } } .contact__map .gmap { width: 100%; height: 100%; } .contact .wrapper { display: flex; flex-wrap: wrap; gap: 2rem; flex-direction: column; } @media (min-width: 992px) { .contact .wrapper { flex-direction: row; } } .content-stats .wrapper { display: flex; flex-direction: column; gap: 4rem; } @media (min-width: 992px) { .content-stats .wrapper { flex-direction: row; } } @media (min-width: 992px) { .content-stats__text { width: calc( 50% - 2rem); } } @media (min-width: 992px) { .content-stats__stats { width: calc( 50% - 2rem); } } .content-stats__items { display: flex; flex-wrap: wrap; gap: 2rem 2rem; } .content-stats__item { display: flex; align-items: flex-start; flex-direction: column; align-self: stretch; border-bottom: 1px solid #595F5B; height: 5rem; } @media (min-width: 992px) { .content-stats__item { height: 5.75rem; height: 5.5rem; } } .content-stats__item-heading { font-weight: bold; font-size: 1.6rem; } @media (min-width: 768px) { .content-stats__item-heading { font-size: 2rem; } } @media (min-width: 992px) { .content-stats__item-heading { font-size: 1.6rem; } } @media (min-width: 1400px) { .content-stats__item-heading { font-size: 2rem; } } .content-stats__item-subheading { margin-top: 0.5rem; font-size: 0.9rem; line-height: 1.2; } @media (min-width: 768px) { .content-stats__item-subheading { font-size: 1rem; } } @media (min-width: 992px) { .content-stats__item-subheading { font-size: 0.9rem; } } .content-stats__item:nth-child(odd) { width: calc( 50% - 1rem); } .content-stats__item:nth-child( even) { width: calc( 50% - 1rem); } @media (min-width: 576px) { .content-stats__item:nth-child(odd) { width: calc( 50% - 1rem); } .content-stats__item:nth-child( even) { width: calc( 50% - 1rem); } } .cta-form:before { content: ''; display: block; height: 1px; background-color: #595F5B; width: 100vw; left: 50%; position: relative; transform: translateX(-50%); margin-bottom: 3rem; } @media (min-width: 1920px) { .cta-form:before { width: 1920px; } } @media (min-width: 768px) { .cta-form:before { margin-bottom: 5rem; } } .featured-properties__items:not(.flickity-enabled) { display: flex; gap: 1rem; flex-wrap: wrap; } .featured-properties__items.flickity-enabled .featured-properties__item { aspect-ratio: 412 / 512; width: 340px; height: auto; margin-right: 1rem; } .featured-properties__item { width: calc( 100% / 2 - 1rem * 1 / 2); aspect-ratio: 412 / 512; display: flex; flex-direction: column; align-self: stretch; } @media (min-width: 992px) { .featured-properties__item { width: calc( 100% / 4 - 1rem * 3 / 4); } } @media (max-width: 991px) { .featured-properties__item--relocate { display: none; } } .featured-properties__item--relocate:before { content: ''; display: block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68.93' height='515.74'%3E%3Cpath data-name='Path 1201' d='M68.44 461.56c0-8.29-5.3-12.53-14.26-12.53h-1.45v1.25h1.45c6.46 0 9.93 2.7 9.93 6.17 0 1.45-.2 3.76-4.53 4.92-4.73 1.25-10.13 2.02-15.43 3.47-7.04 1.93-9.35 9.35-10.02 15.42h-.97c-1.73-7.8-6.26-18.8-16.77-18.8S1.54 472.36 1.54 482.1v33.65h.68a35.3 35.3 0 0 1 1.35-6.94c.77-2.41 2.7-3 4.82-3h52.44c2.22 0 3.95.68 4.82 3a36.21 36.21 0 0 1 1.06 6.94h.67v-30.18h-.67a37.27 37.27 0 0 1-1.06 7.04c-.87 2.32-2.6 2.99-4.82 2.99H34.5v-7.62c0-11.18 10.03-12.82 17.64-13.78 10.9-1.35 16.3-4.92 16.3-12.63ZM33.16 495.6H2.8v-8.48c0-7.33 4.53-13.79 15.52-13.79s14.84 7.8 14.84 16.3Zm34.22-50.22V388.3l-18.5-1.26v.87c2.89.97 12.14 5.88 15.13 8.77 2.4 2.32 2.22 9.64 2.22 16.4 0 9.73-.87 11.46-8.78 11.46H33.84v-9.64c0-5.2 1.73-6.84 3.08-8.1 1.25-1.15 7.23-3.27 10.03-3.47v-.86h-26.9v.86c2.5.3 8.1 2.03 9.54 3.47 1.16 1.16 3.09 2.7 3.09 8.1v9.64H2.6v-10.89c0-3.08.1-7.42.38-9.73.58-4.15 9.26-9.74 13.5-10.8v-.87H1.54v53.12h.68a31.16 31.16 0 0 1 1.44-7.62c.97-2.41 2.9-2.99 5.02-2.99h52.15c2.22 0 3.85.68 4.72 2.99a38.12 38.12 0 0 1 1.16 7.62Zm0-64.79v-55.14l-18.7-1.25v.87c2.9.96 12.34 5.88 15.33 8.77 2.41 2.31 2.22 8.3 2.22 15.04 0 9.73-.87 11.47-8.77 11.47H8c-2.12 0-4.05-.58-4.82-2.99a35.3 35.3 0 0 1-.97-7.03h-.67v30.17h.67a25.48 25.48 0 0 1 1.45-6.94c1.06-2.41 2.7-2.99 4.82-2.99h52.35c2.22 0 3.85.67 4.72 2.99a32.53 32.53 0 0 1 1.16 7.03Zm1.55-95.33c0-9.93-3.38-17.84-9.26-24-6.75-7.14-15.62-10.03-25.64-10.03-9.45 0-18.32 3.47-24 9.16A33.7 33.7 0 0 0 0 284.86a33.48 33.48 0 0 0 10.02 24.39c6.27 6.27 14.66 9.35 25.16 9.35s18.7-3.95 24.68-10.31a33.17 33.17 0 0 0 9.07-23.04Zm-1.16-.39c0 15.04-14.94 22.07-33.07 22.07-20.92 0-33.54-8.38-33.54-22.07 0-16 16.48-21.98 33.16-21.98 18.9 0 33.45 7.04 33.45 21.98Zm1.06-72.78c0-14.66-9.16-22.37-18.12-26.32l-.58 1.06c8.38 3.76 15.13 10.7 15.13 22.46 0 14.46-13.3 23.14-30.75 23.14-21.88 0-32.87-8.1-32.87-19.96 0-12.43 11.57-19.86 22.75-23.33v-.86l-23.81.38v.87l5.2 3.66c-2.7 2.9-5.5 8.68-5.5 16.87 0 19.38 15.14 33.94 35 33.94 20.44 0 33.55-12.92 33.55-31.91Zm-1.45-24.2V163.3h-.67c-.2 3.37-.77 11.76-4.24 11.76a24.18 24.18 0 0 1-5.79-1.35c-2.89-.87-9.16-3-13.59-4.82v-23.91l17.64-6.84a5.14 5.14 0 0 1 2.7-.39c2.32.48 3.09 6.84 3.28 10.22h.67V117.6h-.67a14.15 14.15 0 0 1-1.35 5.88 9.1 9.1 0 0 1-5.11 3.95c-8.97 3.57-34.9 14.46-59.77 24.3v1.73c18.41 7.32 40.3 16 56.88 22.84 3.37 1.45 6.36 3.19 7.7 5.5a15.45 15.45 0 0 1 1.65 6.07ZM41.74 168.4l-29.02-11.37 29.02-11.47Zm25.64-59.47v-32h-.67a44.89 44.89 0 0 1-1.35 7.9 4.76 4.76 0 0 1-4.82 2.99H2.7v-5.5a67.22 67.22 0 0 1 .38-7.8c.58-4.15 11-9.83 15.24-10.9v-.86H1.54v60.34h16.78v-.87c-4.25-1.06-14.66-6.74-15.23-10.89a72.95 72.95 0 0 1-.4-7.8v-5.5h58.04c2.12 0 3.95.67 4.82 2.99a47.15 47.15 0 0 1 1.16 7.9Zm0-50.61V1.25L48.88 0v.86c2.89.97 12.14 5.88 15.13 8.78 2.4 2.31 2.22 9.64 2.22 16.38 0 9.74-.87 11.48-8.78 11.48H33.84v-9.64c0-5.21 1.73-6.85 3.08-8.1 1.25-1.16 7.23-3.28 10.03-3.47v-.87h-26.9v.87c2.5.28 8.1 2.02 9.54 3.47 1.16 1.15 3.09 2.7 3.09 8.1v9.64H2.6V26.6c0-3.08.1-7.42.38-9.73.58-4.15 9.26-9.74 13.5-10.8V5.2H1.54v53.12h.68a31.16 31.16 0 0 1 1.44-7.61c.97-2.41 2.9-3 5.02-3h52.15c2.22 0 3.85.68 4.72 3a38.12 38.12 0 0 1 1.16 7.61Z' fill='%23758885'/%3E%3C/svg%3E"); background-size: contain; background-position: right center; background-repeat: no-repeat; width: 100%; height: 100%; } .featured-properties__item--cta { display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; } .featured-properties__item--cta svg { aspect-ratio: 342 / 69; width: 320px; height: auto; } @media (min-width: 768px) { .featured-properties__item--cta svg { width: 85%; } } .featured-properties__item--cta svg g *, .featured-properties__item--cta svg g { transition: all 150ms ease; } .featured-properties__item--cta svg g[data-name="arrow"] { transform: translate(-291.018px, -2094.992px); } .featured-properties__item--cta:hover svg g[data-name="arrow"] { transform: translate(-251.018px, -2094.992px); } .featured-properties__item-image { aspect-ratio: 1; width: 100%; height: auto; background-color: var(--brand--primary-color); } .featured-properties__item-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .featured-properties__item-text { flex: 1; background-color: #595F5B; padding: 1.5rem 2rem; padding: 7% 6%; } .featured-properties__item-price { margin-top: 0.5rem; font-size: 1.2rem; line-height: 1; } @media (min-width: 768px) { .featured-properties__item-price { font-size: clamp(1rem, 0.4rem + 0.8vw, 1.2rem); } } .gform--swoffers-relocate--request-info_wrapper .gform_title { font-size: 2rem; margin-bottom: 1rem; } .gform--swoffers-relocate--request-info_wrapper .gform_description { margin-bottom: 2rem; font-size: 1.1rem; } @media (min-width: 768px) { .gform--swoffers-relocate--request-info_wrapper .gform_description { font-size: 1.3rem; } } .gform--swoffers-relocate--request-info .gform_fields { flex-direction: column; flex-wrap: wrap; } @media (min-width: 992px) { .gform--swoffers-relocate--request-info .gform_fields { flex-direction: row; } } .gform--swoffers-relocate--request-info .gfield { width: 100%; } @media (min-width: 992px) { .gform--swoffers-relocate--request-info .gfield { width: calc( 25% - 1rem * 3 / 4); } } .gform--swoffers-relocate--request-info input:not([type=radio]):not([type=checkbox]), .gform--swoffers-relocate--request-info button { height: 75px; color: white; } .gform--swoffers-relocate--request-info input { border: 1px solid white; background-color: transparent; cursor: pointer; } .gform--swoffers-relocate--request-info input:hover { background-color: #ffffff11; } .gform--swoffers-relocate--request-info input::-moz-placeholder { color: white; opacity: 1; font-weight: bold; } .gform--swoffers-relocate--request-info input::placeholder { color: white; opacity: 1; font-weight: bold; } .gform--swoffers-relocate--request-info button { width: 100%; justify-content: center; } .home-hero { --gap: 2rem; background-color: var(--brand--orange); padding-top: calc( 0rem + 160px); position: relative; border-bottom: 10px solid var(--brand--primary-color); } @media (min-width: 992px) { .home-hero { padding-bottom: 5rem; border: none; } } .home-hero > .wrapper { flex-direction: column; } @media (min-width: 992px) { .home-hero > .wrapper { flex-direction: row; } } @media (min-width: 992px) { .home-hero > .wrapper { position: static; display: flex; flex-direction: row; } } .home-hero__text { flex-direction: column; align-items: flex-start; gap: 2rem; z-index: 99; } @media (min-width: 992px) { .home-hero__text { z-index: 9; width: 45%; min-width: 455px; } } @media (max-width: 991px) { .home-hero__image { width: 100vw; height: auto; aspect-ratio: 0.75; position: relative; margin-top: -3rem; margin-top: -5rem; overflow: hidden; } } @media (min-width: 768px) and (max-width: 991px) { .home-hero__image { aspect-ratio: 1.25; } } @media (min-width: 992px) { .home-hero__image { position: absolute; top: 0; top: 4rem; right: 0; } } @media (min-width: 992px) { .home-hero__image { width: 55%; width: 800px; } } @media (min-width: 1600px) { .home-hero__image { right: calc( (100vw - 1600px) / 2); } } .home-hero__subheading { margin-top: 1.5rem; } .home-hero__cta, .home-hero__subheading { max-width: 33rem; } @media (max-width: 575px) { .home-hero__cta, .home-hero__subheading { width: 100%; max-width: 364px; } } .home-hero .image-mask { display: block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='992.11' height='1059.77'%3E%3Cpath d='M992.1 499.63c0 306.16-259.73 560.14-526.2 560.14-.4 0 30.55-81.25 30.15-81.25C222.03 978.51 0 775.52 0 499.62S222.03 0 496.05 0c273.92 0 496.06 223.72 496.06 499.63' fill='%23fcbb69'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; width: 100%; height: 100%; } @media (max-width: 991px) { .home-hero .image-mask:after { content: ''; display: block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='992.11' height='1059.77'%3E%3Cpath d='M992.1 499.63c0 306.16-259.73 560.14-526.2 560.14-.4 0 30.55-81.25 30.15-81.25C222.03 978.51 0 775.52 0 499.62S222.03 0 496.05 0c273.92 0 496.06 223.72 496.06 499.63' fill='%23fcbb69'/%3E%3C/svg%3E"); background-size: 160%; background-repeat: no-repeat; background-position: center bottom; aspect-ratio: 992 / 1059; width: 100%; height: auto; position: absolute; bottom: 75%; z-index: 1; } } @media (min-width: 768px) and (max-width: 991px) { .home-hero .image-mask:after { bottom: 63%; } } @media (min-width: 992px) { .home-hero .image-mask { aspect-ratio: 992 / 1059; width: 100%; height: auto; } } @media (min-width: 992px) { .home-hero .image-mask i { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='796.61' height='850.94'%3E%3Cpath fill='red' d='M796.61 401.17c0 245.84-208.55 449.77-422.52 449.77-.32 0 24.53-65.24 24.22-65.24C178.28 785.7 0 622.71 0 401.17S178.28 0 398.3 0c219.95 0 398.31 179.64 398.31 401.17'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='796.61' height='850.94'%3E%3Cpath fill='red' d='M796.61 401.17c0 245.84-208.55 449.77-422.52 449.77-.32 0 24.53-65.24 24.22-65.24C178.28 785.7 0 622.71 0 401.17S178.28 0 398.3 0c219.95 0 398.31 179.64 398.31 401.17'/%3E%3C/svg%3E"); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; aspect-ratio: 796 / 850; width: 84%; height: auto; position: absolute; top: 50.25%; left: 52.25%; transform: translate(-50%, -50%); } } .home-hero .image-mask i img { width: 100%; height: 130%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transform: scale(1.1); transition: none; will-change: opacity, transform; z-index: 0; } @media (min-width: 992px) { .home-hero .image-mask i img { height: 100%; } } .home-hero .image-mask i img.animate-in { z-index: 1; animation: animateIn 1250ms ease; animation-fill-mode: forwards; } .home-hero .image-mask i img.active { opacity: 1; animation: none; } .home-hero .image-mask i img.zoom { transform: scale(1); transition: transform 15s linear; } @keyframes animateIn { 0% { opacity: 0; } 100% { opacity: 1; } } .home-hero .cta-search .wrapper { flex-direction: column; } @media (min-width: 992px) { .home-hero .cta-search .wrapper { flex-direction: column-reverse; } } .home-hero .cta-search { padding: 0; background: none; } .home-intro__cta { display: flex; gap: 1rem; flex-direction: column; } @media (min-width: 576px) { .home-intro__cta { flex-direction: row; } } @media (min-width: 992px) { .page-header + .home-intro.section { margin-top: 4rem; } } .icon--cta-search-phone { width: 20px; aspect-ratio: 1; background-image: url("../img/icon--cta-search-phone.svg"); } .icon--cta-search-email { width: 21px; aspect-ratio: 21 / 16; background-image: url("../img/icon--cta-search-email.svg"); } .icon--cta-search-whatsapp { width: 23px; aspect-ratio: 1; background-image: url("../img/icon--cta-search-whatsapp.svg"); } .icon--search { width: 17px; aspect-ratio: 1; background-image: url("../img/icon--search.svg"); } .icon--facebook { width: 36px; aspect-ratio: 1; background: none; -webkit-mask-image: url("../img/icon--facebook.svg"); mask-image: url("../img/icon--facebook.svg"); background-color: var(--brand--primary-color); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; } .icon--laptop { width: 19px; aspect-ratio: 19 / 15; background-image: url("../img/icon--laptop.svg"); } .icon--left-arrow { width: 22px; aspect-ratio: 16 / 12; -webkit-mask-image: url("../img/icon--arrow-right.svg"); mask-image: url("../img/icon--arrow-right.svg"); background-color: var(--brand--primary-color); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; transform: rotate(180deg); } .icon--right-arrow, .icon--arrow-right { width: 22px; aspect-ratio: 16 / 12; -webkit-mask-image: url("../img/icon--arrow-right.svg"); mask-image: url("../img/icon--arrow-right.svg"); background-color: var(--brand--primary-color); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } .icon--link { width: 20px; aspect-ratio: 20 / 20; -webkit-mask-image: url("../img/icon--link.svg"); mask-image: url("../img/icon--link.svg"); background-color: var(--brand--primary-color); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } .icon--download { width: 16px; aspect-ratio: 16 / 20; -webkit-mask-image: url("../img/icon--download.svg"); mask-image: url("../img/icon--download.svg"); background-color: var(--brand--primary-color); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } .icon--page { width: 16px; aspect-ratio: 16 / 20; -webkit-mask-image: url("../img/icon--page.svg"); mask-image: url("../img/icon--page.svg"); background-color: var(--brand--primary-color); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } .icon--down-arrow { width: 9px; aspect-ratio: 9 / 8; -webkit-mask-image: url("../img/icon--down-arrow.svg"); mask-image: url("../img/icon--down-arrow.svg"); background-color: var(--brand--primary-color); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } .icon--download-header { width: 33px; aspect-ratio: 33 / 36; background-image: url("../img/icon--download-header.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; } .icon--heartbeat { width: 20px; aspect-ratio: 20 / 19; background-image: url("../img/icon--heartbeat.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; } .icon--phone { width: 20px; aspect-ratio: 1; background-image: url("../img/icon--cta-search-phone.svg"); } .icon--email { width: 21px; aspect-ratio: 21 / 16; background-image: url("../img/icon--cta-search-email.svg"); } .icon--whatsapp { width: 23px; aspect-ratio: 1; background-image: url("../img/icon--cta-search-whatsapp.svg"); } .icon--handshake { width: 22px; aspect-ratio: 22 / 14; background-image: url("../img/icon--handshake.svg"); } .icon--left-arrow-circle { width: 33px; aspect-ratio: 1; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.08' height='33.08'%3E%3Cg data-name='Group 208' transform='translate(.76 .76)' fill='none' stroke='%23004b88' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.52'%3E%3Ccircle data-name='Ellipse 13' cx='15.78' cy='15.78' r='15.78'/%3E%3Cpath data-name='Path 221' d='M13.8 21.7 7.9 15.78l5.92-5.92'/%3E%3Cpath data-name='Path 222' d='M7.89 15.78h15.78'/%3E%3C/g%3E%3C/svg%3E"); } .icon--right-arrow-circle { width: 33px; aspect-ratio: 1; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.08' height='33.08'%3E%3Cg data-name='Group 208' transform='translate(.76 .76)' fill='none' stroke='%23004b88' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.52'%3E%3Ccircle data-name='Ellipse 13' cx='15.78' cy='15.78' r='15.78'/%3E%3Cpath data-name='Path 221' d='m17.75 21.7 5.92-5.92-5.92-5.92'/%3E%3Cpath data-name='Path 222' d='M23.67 15.78H7.9'/%3E%3C/g%3E%3C/svg%3E"); } .btn--orange i.icon--phone { background: none; -webkit-mask-image: url("../img/icon--cta-search-phone.svg"); mask-image: url("../img/icon--cta-search-phone.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color: var(--brand--primary-color); } .btn--teal i.icon--right-arrow, .btn--teal i.icon--arrow-right, .btn--blue i.icon--arrow-right { background: none; -webkit-mask-image: url("../img/icon--arrow-right.svg"); mask-image: url("../img/icon--arrow-right.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color: white; width: 22px; } .icon--long-right-arrow { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90.6' height='12'%3E%3Cg data-name='Group 327' fill='none'%3E%3Cpath data-name='Line 1' stroke='%23758885' stroke-width='2' d='M0 6h68'/%3E%3Cg data-name='Polygon 1'%3E%3Cpath d='M90.6 6 68 12V0Z'/%3E%3Cpath d='M82.8 6 70 2.6v6.8L82.8 6m7.8 0L68 12V0l22.6 6Z' fill='%23758885'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); width: 90px; height: auto; aspect-ratio: 90.6 / 12; } .icon--long-left-arrow { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90.6' height='12'%3E%3Cg data-name='Group 373' fill='none'%3E%3Cpath data-name='Line 1' stroke='%23758885' stroke-width='2' d='M90.6 6h-68'/%3E%3Cg data-name='Polygon 1'%3E%3Cpath d='m0 6 22.6-6v12Z'/%3E%3Cpath d='m7.8 6 12.8 3.4V2.6L7.8 6M0 6l22.6-6v12L0 6Z' fill='%23758885'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); width: 90px; height: auto; aspect-ratio: 90.6 / 12; } .island-stats { position: relative; } .island-stats.section { margin-bottom: 7rem; } .island-stats .wrapper { display: flex; gap: 6rem; align-items: flex-start; position: static; flex-direction: column; } @media (min-width: 992px) { .island-stats .wrapper { flex-direction: row; gap: 2rem; align-items: center; } } @media (min-width: 1200px) { .island-stats .wrapper { gap: 2rem; } } @media (min-width: 992px) { .island-stats__text { width: calc( 50% - 1rem); flex: none; } } @media (min-width: 1200px) { .island-stats__text { width: calc( 50% - 2rem); flex: none; } } .island-stats__items { display: flex; flex-wrap: wrap; gap: 2rem 2rem; margin-top: 3rem !important; } @media (min-width: 576px) { .island-stats__items { margin-top: 4rem !important; gap: 2rem 2rem; } } .island-stats__item { display: flex; align-items: flex-start; flex-direction: column; align-self: stretch; border-bottom: 1px solid #595F5B; height: auto; padding-bottom: 2rem; width: 100%; } @media (min-width: 576px) { .island-stats__item { height: 5rem; padding-bottom: 0; } } @media (min-width: 992px) { .island-stats__item { height: 5.75rem; height: 6.5rem; } } .island-stats__item-heading { font-weight: 700; font-size: 2rem; } @media (min-width: 576px) { .island-stats__item-heading { font-size: 1.6rem; } } @media (min-width: 1400px) { .island-stats__item-heading { font-size: 2rem; } } .island-stats__item-subheading { margin-top: 0.5rem; font-size: 1.1rem; line-height: 1.2; } @media (min-width: 576px) { .island-stats__item-subheading { font-size: 0.9rem; } } @media (min-width: 576px) { .island-stats__item:nth-child(odd) { width: calc( 35% - 1rem); } .island-stats__item:nth-child( even) { width: calc( 65% - 1rem); } } .island-stats__image-map { position: relative; display: grid; grid-gap: 0; grid-template-columns: 50%; grid-template-rows: 50%; aspect-ratio: 1; width: 100%; } @media (min-width: 992px) { .island-stats__image-map { width: calc( 50% - 2rem / 2); flex: none; right: -2rem; } } @media (min-width: 1200px) { .island-stats__image-map { width: calc( 50% - 2rem / 2); flex: none; right: -3rem; } } .island-stats__image-map-item { min-height: 3rem; position: relative; } .island-stats__image-map-item:nth-child(1) { grid-column: 2 / 3; grid-row: 1 / 2; } .island-stats__image-map-item:nth-child(2) { grid-column: 2 / 3; grid-row: 2 / 3; } .island-stats__image-map-item:nth-child(3) { grid-column: 1 / 2; grid-row: 1 / 3; grid-column: 1 / 3; } @media (max-width: 575px) { .island-stats__image-map-item:nth-child(3) { grid-column: 1 / 3; } } @media (min-width: 992px) { .island-stats__image-map-item:nth-child(1) { grid-column: 1 / 2; grid-row: 1 / 2; } .island-stats__image-map-item:nth-child(2) { grid-column: 1 / 2; grid-row: 2 / 3; } .island-stats__image-map-item:nth-child(3) { grid-column: 2 / 3; grid-row: 1 / 3; grid-column: 1 / 3; } } .island-stats__image-map-item img { position: absolute; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .island-stats__image-map-item-heading { position: absolute; bottom: 100%; font-weight: 600; margin-bottom: 1rem; font-size: 1.5rem; } @media (max-width: 575px) { .island-stats__image-map-item-heading { font-size: 1.5rem; } } .island-stats__image-map-item-cta { position: absolute; top: 100%; margin-top: 1rem; font-size: 1.2rem; margin-top: 0.6rem; } @media (max-width: 575px) { .island-stats__image-map-item-cta { font-size: 1.2rem; margin-top: 0.6rem; } } .wrapper { width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; position: relative; } .wrapper.wide { max-width: 1920px; } .wrapper.fluid { max-width: 1400px !important; } @media (min-width: 1056px) { .wrapper { max-width: 992px; } } @media (min-width: 1264px) { .wrapper { max-width: 1200px; } } @media (min-width: 1464px) { .wrapper { max-width: 1400px; } } .section { margin-top: 3rem; margin-bottom: 3rem; margin-top: 3.5rem; margin-bottom: 3.5rem; } @media (min-width: 992px) { .section { margin-top: 6rem; margin-bottom: 6rem; } } .section--inner { margin: 0; padding-top: 3rem; padding-bottom: 3rem; } @media (min-width: 992px) { .section--inner { padding-top: 5rem; padding-bottom: 5rem; } } .gutter { padding-left: 1.25rem; padding-right: 1.25rem; } @media (min-width: 768px) { .gutter { padding-left: 1.75rem; padding-right: 1.75rem; } } @media (min-width: 992px) { .gutter { padding-left: 2rem; padding-right: 2rem; } } .mobile-navigation { background-color: #758885; color: white; text-align: right; padding: 4rem; padding: 0; max-width: 360px; z-index: 9999; transition: transform 350ms cubic-bezier(0.215, 0.61, 0.355, 1); } .mobile-navigation__close { margin-left: auto; } .mobile-navigation__close svg { transition: transform 350ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 350ms cubic-bezier(0.215, 0.61, 0.355, 1); } .mobile-navigation__close:hover svg { transform: rotate(-180deg); opacity: 0.7; } .mobile-navigation__header { height: 150px; } .mobile-navigation li { font-weight: 500; font-size: 1.2rem; } .mobile-navigation li a { position: relative; color: white; transition: transform 350ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 350ms cubic-bezier(0.215, 0.61, 0.355, 1); } .mobile-navigation li a:after { content: ''; display: block; background-color: white; position: absolute; height: 1px; width: 100%; bottom: -2px; left: 0; transform: scaleX(0); transform-origin: 0 50%; transition: transform 350ms cubic-bezier(0.215, 0.61, 0.355, 1); } .mobile-navigation li a:hover { opacity: 0.7; } .mobile-navigation li.current-menu-item > a:after { transform: scaleX(1); } .mobile-navigation > ul > li { transition: opacity 1250ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 1250ms cubic-bezier(0.215, 0.61, 0.355, 1); transition-delay: 0.3s; will-change: opacity, transform; } .mobile-navigation > ul > li:not(.animate-in) { opacity: 0; transform: translateX(2rem); } .mobile-navigation > ul > li.animate-in { opacity: 1; transform: translateX(0); } .news-grid .wrapper > .heading--page-header { margin-bottom: 1rem; } @media (min-width: 992px) { .news-grid .wrapper > .heading--page-header { display: none; } } .news-grid__items { flex-wrap: wrap; display: flex; gap: 2rem; } .news-grid__item { display: flex; gap: 1rem; flex-direction: column; width: 100%; } @media (min-width: 992px) { .news-grid__item { width: calc( 33.333% - 2rem * 0.6666); } } .news-grid__item-image { aspect-ratio: 550 / 370; } .news-grid__item-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (min-width: 992px) { .news-grid__item-cta { display: none; } } .news-grid__item-cta a, .news-grid__item-cta span { display: inline-flex; gap: 1rem; } .news-grid__item--featured { flex-direction: column; width: 100%; gap: 2rem; align-items: center; } @media (min-width: 992px) { .news-grid__item--featured { flex-direction: row; } } .news-grid__item--featured .heading--page-header { font-family: var(--brand--heading-font); line-height: 1.1; font-weight: 500; } @media (max-width: 991px) { .news-grid__item--featured .heading--page-header { display: none; } } .news-grid__item--featured .news-grid__item-image { aspect-ratio: 550 / 370; } @media (min-width: 992px) { .news-grid__item--featured .news-grid__item-image { width: calc( 66.666% - 2rem * 0.3333); } } .news-grid__item--featured .news-grid__item-text { display: flex; flex-direction: column; gap: 1rem; } @media (min-width: 992px) { .news-grid__item--featured .news-grid__item-text { aspect-ratio: 550 / 370; width: calc( 33.333% - 2rem * 0.6666); } } .news-grid__item--featured .news-grid__item-text h1 { margin-bottom: 2rem; } .news-grid__item--featured .news-grid__item-cta { display: block; } .page-content { display: flex; flex-wrap: wrap; gap: 2rem; } @media (max-width: 767px) { .page-content.section { margin-top: 2rem; } } .page-content .wrapper { display: flex; flex-wrap: wrap; gap: 2rem; align-items: flex-start; flex-direction: column-reverse; } @media (min-width: 992px) { .page-content .wrapper { display: flex; flex-wrap: wrap; gap: 2rem; align-items: flex-start; flex-direction: row; } } @media (min-width: 992px) { .page-content__main { width: calc( 100% * 0.6 - 2rem * 0.6); flex: 1; } } .page-content__side { position: relative; } @media (max-width: 575px) { .page-content__side { width: 100%; } } @media (min-width: 992px) { .page-content__side { flex: 1; max-width: 535px; flex: 0; } } .page-content__side .cta-search { position: relative; z-index: 1; } .page-content__side .image-mask { margin-top: -4rem; } .page-content address { max-width: 19rem; } .page-content address:before { content: 'Address'; display: block; font-weight: 500; } .page-content address span { display: inline-block; } .page-content .image-mask { display: block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='992.11' height='1059.77'%3E%3Cpath d='M992.1 499.63c0 306.16-259.73 560.14-526.2 560.14-.4 0 30.55-81.25 30.15-81.25C222.03 978.51 0 775.52 0 499.62S222.03 0 496.05 0c273.92 0 496.06 223.72 496.06 499.63' fill='%23fcbb69'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center; aspect-ratio: 992 / 1059; width: 100%; height: auto; position: absolute; } @media (max-width: 991px) { .page-content .image-mask { width: 120%; left: 50%; transform: translateX(-50%); } } .page-content .image-mask i { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='796.61' height='850.94'%3E%3Cpath fill='red' d='M796.61 401.17c0 245.84-208.55 449.77-422.52 449.77-.32 0 24.53-65.24 24.22-65.24C178.28 785.7 0 622.71 0 401.17S178.28 0 398.3 0c219.95 0 398.31 179.64 398.31 401.17'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='796.61' height='850.94'%3E%3Cpath fill='red' d='M796.61 401.17c0 245.84-208.55 449.77-422.52 449.77-.32 0 24.53-65.24 24.22-65.24C178.28 785.7 0 622.71 0 401.17S178.28 0 398.3 0c219.95 0 398.31 179.64 398.31 401.17'/%3E%3C/svg%3E"); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; aspect-ratio: 796 / 850; width: 84%; height: auto; position: absolute; top: 50.25%; left: 52.25%; transform: translate(-50%, -50%); } .page-content .image-mask i img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .page-content--image .page-content__side { padding-bottom: 24rem; } @media (min-width: 576px) { .page-content--image .page-content__side { padding-bottom: 32rem; } } @media (min-width: 768px) { .page-content--image .page-content__side { padding-bottom: 32rem; } } @media (min-width: 992px) { .page-id-103 .page-content__side { flex: 1; } } .page-header__images { aspect-ratio: 1.3; width: 100%; height: auto; max-height: 800px; position: relative; aspect-ratio: 1.1; } @media (min-width: 576px) { .page-header__images { aspect-ratio: 3/2; } } @media (min-width: 992px) { .page-header__images { aspect-ratio: 1820 / 910; width: calc( 100vw - 2rem); margin-left: 2rem; } } @media (min-width: 1056px) { .page-header__images { width: calc( 100vw - (100vw - var(--scrollbar-width) - 992px) / 2); margin-left: calc( (100vw - var(--scrollbar-width) - 992px) / 2); } } @media (min-width: 1264px) { .page-header__images { width: calc( 100vw - (100vw - var(--scrollbar-width) - 1200px) / 2); margin-left: calc( (100vw - var(--scrollbar-width) - 1200px) / 2); } } @media (min-width: 1464px) { .page-header__images { width: calc( 100vw - (100vw - var(--scrollbar-width) - 1400px) / 2); margin-left: calc( (100vw - var(--scrollbar-width) - 1400px) / 2); } } .page-header__image, .page-header__video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; left: 0; overflow: hidden; } .page-header__image img, .page-header__image video, .page-header__video img, .page-header__video video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; left: 0; opacity: 0; transform: scale(1.1); transition: none; will-change: opacity, transform; z-index: 0; } .page-header__image img.animate-in, .page-header__image video.animate-in, .page-header__video img.animate-in, .page-header__video video.animate-in { z-index: 1; animation: animateIn 1250ms ease; animation-fill-mode: forwards; } .page-header__image img.active, .page-header__image video.active, .page-header__video img.active, .page-header__video video.active { opacity: 1; animation: none; } .page-header__image img.zoom, .page-header__image video.zoom, .page-header__video img.zoom, .page-header__video video.zoom { transform: scale(1); transition: transform 15s linear; } @keyframes animateIn { 0% { opacity: 0; } 100% { opacity: 1; } } .page-header__image video, .page-header__video video { opacity: 1; } @media (min-width: 992px) { .page-header__images + .page-header__text.section { margin-top: 4rem; } } .page-header__content { font-size: 1.2rem; max-width: 1200px; } @media (min-width: 768px) { .page-header__content { font-size: 1.5rem; } } .page-header__image-text { position: absolute; bottom: 0; left: 0; font-size: 3rem; color: white; z-index: 1; font-family: var(--brand--heading-font); margin-bottom: 1.25rem; padding: 0 2rem; margin-left: -1.3rem; font-size: 3rem; line-height: 1; max-width: 75%; } @media (min-width: 576px) { .page-header__image-text { max-width: none; width: auto; margin-left: -2.4rem; margin-bottom: 2.8rem; font-size: clamp(3.8rem, 1.6983050847rem + 3.3898305085vw, 4.8rem); } } @media (min-width: 768px) { .page-header__image-text { margin-left: -1.3rem; } } @media (min-width: 992px) { .page-header__image-text { margin-left: -2.4rem; } } @media (min-width: 1664px) { .page-header__image-text { margin-left: -2.4rem; } } .page-header__image-text:before { content: ''; display: block; width: 100%; height: calc( 100% + 2.2rem); background-color: #212924; opacity: 0.5; position: absolute; top: 46%; left: 0; z-index: -1; transform: translateY(-50%); } @media (min-width: 576px) { .page-header__image-text:before { height: calc( 100% + 2.2rem); } } .page-header--update .page-header__images { width: 100%; margin-left: 0; } .popup { padding: 1.5rem; display: flex; flex-direction: column; gap: 2rem; border-radius: 4px; background-color: var(--brand--peach); color: var(--brand--primary-color); } @media (min-width: 768px) { .popup { padding: 2rem; } } .popup[data-popup="request-callback"] .popup__header, .popup[data-popup="request-callback"] .popup__footer, .popup[data-popup="google-translate"] .popup__footer { display: none; } .popup[data-popup="property-cta"] { max-width: 860px; background-color: var(--brand--body-bg-color); color: white; } .popup[data-popup="property-cta"] .mfp-close { color: white; } .popup input, .popup textarea { border-radius: 4px; } .popup textarea { height: 175px; } .popup select::-moz-placeholder, .popup input[type=text]::-moz-placeholder, .popup input[type=email]::-moz-placeholder, .popup input[type=tel]::-moz-placeholder, .popup textarea::-moz-placeholder { font-weight: normal; color: var(--brand--primary-color); opacity: 0.5; } .popup select::placeholder, .popup input[type=text]::placeholder, .popup input[type=email]::placeholder, .popup input[type=tel]::placeholder, .popup textarea::placeholder { font-weight: normal; color: var(--brand--primary-color); opacity: 0.5; } .popup .goog-te-combo { border-radius: 4px; } .premium-property { --x-padding: 10cqw; --y-padding: 5cqw; --pp--grey: #7A8785; --pp--text-color: #222; --inner-pad-x: 3rem; --inner-pad-y: 3rem; --sidebar-width: 16rem; } @media (max-width: 575px) { .premium-property { --inner-pad-x: 2rem; --inner-pad-y: 3rem; } } .premium-property .wrapper { max-width: 1920px; margin-left: auto; margin-right: auto; background-color: var(--pp--grey); container-type: inline-size; position: relative; overflow-x: hidden; } .premium-property__hero { background-color: #000; background-color: var(--brand--body-bg-color); aspect-ratio: 16/9; container-type: inline-size; padding-top: 4cqw; padding-bottom: 4cqw; padding-left: var(--x-padding); padding-right: var(--x-padding); position: relative; } @media (max-width: 767px) { .premium-property__hero { padding-top: 2rem; padding-bottom: 2rem; aspect-ratio: unset; aspect-ratio: 1; } } .premium-property__hero-content { position: relative; height: 100%; } .premium-property__hero-text { height: 100%; } @media (max-width: 575px) { .premium-property__hero-text { gap: 2rem; } } .premium-property__hero-text.heading { margin-bottom: 0 !important; } .premium-property__hero-video { width: 100%; position: relative; margin-top: 1rem; } @media (min-width: 576px) { .premium-property__hero-video { width: 320px; } } @media (min-width: 992px) { .premium-property__hero-video { margin-top: 0; position: absolute; bottom: 0; right: 0; left: 0; right: auto; } } .premium-property__hero-video-media { padding: 0.5rem; outline: 1px solid white; margin-bottom: 0.5rem; } @media (max-width: 991px) { .premium-property__hero-video-media { display: none; } } .premium-property__hero-video-media video { aspect-ratio: 16 / 9; width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; } .premium-property__hero-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; } .premium-property__hero-image:after { content: ''; display: block; background-color: #498762; opacity: 0.3; mix-blend-mode: multiply; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .premium-property__hero-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .premium-property__hero-image, .premium-property__hero-title, .premium-property__hero-location, .premium-property__hero-video { opacity: 0; transition: opacity 1250ms ease; will-change: opacity; } .premium-property__hero.animate-in .premium-property__hero-image, .premium-property__hero.animate-in .premium-property__hero-title, .premium-property__hero.animate-in .premium-property__hero-location, .premium-property__hero.animate-in .premium-property__hero-video { opacity: 1; } .premium-property__hero.animate-in .premium-property__hero-location { opacity: 0.8; } .premium-property__hero-caption { pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 24cqw; color: white; mix-blend-mode: overlay; opacity: 0.6; display: flex; flex-direction: column; align-items: center; justify-content: center; font-family: var(--brand--heading-font); font-weight: 200; mix-blend-mode: plus-lighter; opacity: 0.2; } @media (max-width: 575px) { .premium-property__hero-caption { transform: translateY(-10%); } } .premium-property__hero-caption span { line-height: 0.75; opacity: 0; transform: scale(1.1); transition: opacity 2.5s ease, transform 2.5s ease; } .premium-property__hero-caption span.animate-in { opacity: 1; transform: scale(1); } .premium-property__hero-caption span:nth-child(1) { position: absolute; left: 0; bottom: 50%; } .premium-property__hero-caption span:nth-child(2) { position: absolute; right: 0; top: 50%; } .premium-property__hero-caption span.adjust { font-size: 17.5cqw; left: 50%; top: 50%; bottom: auto; transform: translate(-50%, -50%) scale(1.1); } .premium-property__hero-caption span.adjust.animate-in { opacity: 1; transform: translate(-50%, -50%) scale(1); } .premium-property__hero-title { font-size: 1.5rem; width: 35rem; } .premium-property__hero-heading { font-size: 3.2cqw; width: 35cqw; font-size: 3.2rem; width: 35rem; opacity: 0.9; display: none; } @media (max-width: 575px) { .premium-property__hero-heading { width: 100%; font-size: 2.5rem; opacity: 0.9; } } .premium-property__hero-heading .word { --duration: 2.5s; display: inline-block; opacity: 0; transform: translateY(0.5rem); transition: opacity var(--duration) ease, transform var(--duration) ease; will-change: opacity, transform; } .premium-property__hero-heading .word.animate-in { opacity: 1; transform: translateY(0); } .premium-property__hero-location { font-size: 1.6cqw; font-style: italic; font-size: 1.7rem; width: 35rem; opacity: 0.8; opacity: 0; } @media (min-width: 992px) { .premium-property__hero-location { width: 100%; text-align: right; } } .premium-property__footer { background-color: #000; container-type: inline-size; padding-top: 2rem; padding-bottom: 2rem; aspect-ratio: 1; padding-left: var(--x-padding); padding-right: var(--x-padding); position: relative; } @media (min-width: 768px) { .premium-property__footer { aspect-ratio: 3 / 2; } } @media (min-width: 992px) { .premium-property__footer { aspect-ratio: 2.35 / 1; padding-top: 5cqw; padding-bottom: 5cqw; } } .premium-property__footer-content { position: relative; height: 100%; } @media (max-width: 991px) { .premium-property__footer-content { justify-content: center; } } @media (min-width: 992px) { .premium-property__footer-text { height: 100%; } } .premium-property__footer-text.heading { margin-bottom: 0 !important; } .premium-property__footer-cta { position: absolute; bottom: 0; right: 0; } @media (max-width: 767px) { .premium-property__footer-cta { position: relative; margin-top: 2rem; } } .premium-property__footer-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; } .premium-property__footer-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .premium-property__footer-image:before { content: ''; display: block; background-color: #498762; opacity: 0.3; mix-blend-mode: multiply; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .premium-property__footer-caption { pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 24cqw; color: white; mix-blend-mode: overlay; opacity: 0.5; display: flex; flex-direction: column; align-items: center; justify-content: center; font-family: var(--brand--heading-font); font-weight: 200; line-height: 0.75; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-transform: uppercase; font-size: 20.9cqw; } @media (max-width: 767px) { .premium-property__footer-caption { display: none; } } .premium-property__footer-heading { font-size: 1.6cqw; font-style: italic; font-size: 1.7rem; width: 35rem; opacity: 0.8; cursor: pointer; } .premium-property__footer-heading:hover { opacity: 1; } @media (max-width: 991px) { .premium-property__footer-heading { width: 100%; font-size: 2.4rem; opacity: 1; text-align: center; } } .premium-property__content { position: relative; } .premium-property__side { width: var(--x-padding); width: var(--sidebar-width); } @media (max-width: 1399px) { .premium-property__side { display: none; } } .premium-property__side ul { max-width: calc( var(--sidebar-width) - (1.5rem * 2)); } .premium-property__side ul li a { white-space: break-spaces; line-height: 1.2; display: inline-block; } .premium-property__main { flex: 1; padding-bottom: 5cqw; } @media (max-width: 1399px) { .premium-property__main { padding-bottom: 0; } } .premium-property__mobile-navigation { position: fixed; bottom: 0; width: 100%; left: 0; right: 0; height: 6rem; height: 4.5rem; background-color: var(--brand--body-bg-color); z-index: 999; gap: 0.75rem; padding-left: 0.5rem; padding-right: 0.5rem; transform: translateY(100%); transition: transform 250ms ease, opacity 250ms ease; opacity: 0; will-change: transform, opacity; display: flex; align-items: center; } @media (min-width: 768px) { .premium-property__mobile-navigation { padding-left: 3rem; padding-right: 3rem; height: 6rem; } } @media (min-width: 1400px) { .premium-property__mobile-navigation { display: none !important; } } .premium-property__mobile-navigation.animate-in { transform: translateY(0); opacity: 0.9; } .premium-property__mobile-navigation label { display: inline-flex; font-weight: bold; } .premium-property__mobile-navigation select { display: none; } @media (max-width: 1399px) { .premium-property__mobile-navigation select { flex: 1; display: block; width: 100%; background-color: transparent; border: 1px solid white; padding: 0.5rem; font-size: 1.2rem; color: white; font-family: var(--brand--heading-font); font-weight: 400; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: right 1rem center; } } .premium-property__navigation { padding: calc( var(--inner-pad-y)) 1.5rem; } @media (max-width: 1399px) { .premium-property__navigation { padding: 1rem; transform: translateY(-100%); transition: transform 250ms ease; background-color: var(--pp--grey); width: 100%; z-index: 9; } } .premium-property__navigation.fixed { position: fixed; top: 0; } .premium-property__navigation.bottom { position: absolute; bottom: 0; } .premium-property__navigation ul { gap: 0.5rem; } .premium-property__navigation ul li { font-family: var(--brand--heading-font); font-weight: 400; font-size: 1.4rem; white-space: nowrap; } .premium-property__navigation ul li a { opacity: 0.5; position: relative; } .premium-property__navigation ul li a:hover, .premium-property__navigation ul li a:active { opacity: 1; } .premium-property__navigation ul li a.is-active { opacity: 1; font-weight: 800; } .premium-property__navigation ul li a.is-active:before { content: ''; position: absolute; top: 50%; right: calc( 100% + 0.75rem); background-color: white; transform: translateY(-50%); width: 0.75rem; height: 1px; } .premium-property__benefits { padding-left: var(--inner-pad-x); padding-right: var(--inner-pad-x); padding-top: calc( var(--inner-pad-y) * 1.5); padding-bottom: calc( var(--inner-pad-y) * 1.5); } @media (max-width: 1399px) { .premium-property__benefits { margin-top: 0 !important; } } .premium-property__benefits .heading--large { width: 100%; color: white !important; } @media (max-width: 575px) { .premium-property__benefits .heading--large { line-height: 1 !important; } } .premium-property__benefits-nav { position: absolute; bottom: var(--inner-pad-y); right: 0; } @media (max-width: 575px) { .premium-property__benefits-nav { display: none; } } .premium-property__benefits-nav .buttons { gap: 0.5rem; margin-bottom: 1rem; } .premium-property__benefits-nav .buttons a { border: 1px solid white; aspect-ratio: 52 / 47; width: 52px; height: auto; display: inline-flex; align-items: center; justify-content: center; background-color: var(--pp--grey); transition: background-color 150ms ease; will-change: background-color; } .premium-property__benefits-nav .buttons a svg { transition: transform 150ms ease; will-change: transform; } .premium-property__benefits-nav .buttons a.prev:hover { background-color: transparent; } .premium-property__benefits-nav .buttons a.prev:hover svg { transform: translateX(-0.2rem); } .premium-property__benefits-nav .buttons a.prev:hover svg path { fill: white; } .premium-property__benefits-nav .buttons a.next:hover { background-color: transparent; } .premium-property__benefits-nav .buttons a.next:hover svg { transform: translateX(0.2rem); } .premium-property__benefits-nav .buttons a.next:hover svg path { fill: white; } .premium-property__benefits .benefits-items__item { width: 90%; margin-right: 1rem; aspect-ratio: 350 / 450; max-width: 340px; } @media (min-width: 992px) { .premium-property__benefits .benefits-items__item { width: calc( 100% / 4 - 1rem * 2 / 3); } } .premium-property__benefits .benefits-items__item-image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: relative; } .premium-property__benefits .benefits-items__item-image:after { content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #C0DCD7; mix-blend-mode: color; z-index: 1; transition: opacity 250ms ease; opacity: 1; } .premium-property__benefits .benefits-items__item-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .premium-property__benefits .benefits-items__item:hover .premium-property__benefits .benefits-items__item-benefits-items__item-image:after { opacity: 0.5; } .premium-property__benefits .benefits-items__item-text { position: absolute; bottom: 0; left: 0; padding: 1rem; margin: 1rem; background-color: #21292488; font-size: 2rem; font-family: var(--brand--heading-font); line-height: 1.1; min-height: 6.4rem; } .premium-property .heading { font-family: var(--brand--heading-font); margin-bottom: var(--inner-pad-y); line-height: 2; } .premium-property .heading--large { font-size: 3rem; color: var(--pp--grey); margin-top: -2rem; } @media (max-width: 575px) { .premium-property .heading--large { line-height: 1; font-size: 2.2rem; } } .premium-property .heading--small { font-size: 1.3rem; font-size: 1.4rem; line-height: 1.2; font-weight: 600; font-family: var(--brand--body-font); margin-bottom: calc( var(--inner-pad-y) * 0.5); } .premium-property__gallery .heading { color: white; margin-top: -0.5rem; margin-bottom: 0; font-weight: 200; font-size: 2.1rem; } @media (max-width: 575px) { .premium-property__gallery .heading { font-size: 1.8rem; } } .premium-property .content { font-size: 1.1rem; font-size: 1.2rem; line-height: 1.8; } .premium-property .content > *:not(:last-child) { margin-bottom: 1.5rem; } .premium-property .content h3 { font-size: 1.4rem; line-height: 1.2; font-weight: 600; font-family: var(--brand--body-font); margin-bottom: calc( var(--inner-pad-y) * 0.5); } @media (max-width: 575px) { .premium-property .content .btn { width: 100%; } } .premium-property .key-features { margin-top: calc( var(--inner-pad-y) * -1); margin-bottom: calc( var(--inner-pad-y) * 1.5); font-size: 1.2rem; font-weight: 600; font-weight: 400; } @media (max-width: 575px) { .premium-property .key-features { font-size: 1rem; margin-bottom: 3rem; } } .premium-property .key-features ul { padding-top: 1.5rem; padding-bottom: 1.5rem; gap: 1rem 2rem; justify-content: space-between; padding-left: 0.5rem; padding-right: 0.5rem; flex-wrap: wrap; -moz-column-count: 2; column-count: 2; -moz-column-gap: 1rem; column-gap: 1rem; display: block; margin-top: -0.3rem; margin-bottom: -0.3rem; } @media (max-width: 991px) { .premium-property .key-features ul { -moz-column-count: 1; column-count: 1; padding-top: 1rem; padding-bottom: 1rem; } } @media (min-width: 1500px) { .premium-property .key-features ul { display: flex; -moz-columns: unset; columns: unset; } } .premium-property .key-features ul li { display: flex; align-items: center; gap: 0.75rem; flex-wrap: nowrap; padding-top: 0.3rem; padding-bottom: 0.3rem; line-height: 1.2; } @media (max-width: 1399px) { .premium-property .key-features ul li { padding-top: 0.4rem; padding-bottom: 0.4rem; } } .premium-property .key-features ul li i { width: 3rem; display: inline-flex; align-items: center; justify-content: center; } @media (max-width: 575px) { .premium-property .key-features ul li i { width: 2rem; } } .premium-property .key-features ul li i img { max-width: 2.5rem; } @media (min-width: 1500px) { .premium-property .key-features--cols li { width: calc( 100% / 2 - 0.75rem); } } .premium-property .image-mosaic { aspect-ratio: 18/6; } @media (max-width: 991px) { .premium-property .image-mosaic { flex-direction: column; aspect-ratio: unset; gap: 1rem; background-color: white; } } .premium-property .image-mosaic__item { overflow: hidden; position: relative; } .premium-property .image-mosaic__item:before { content: ''; display: block; background-color: #fff; opacity: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; transition: opacity 1500ms ease, transform 1500ms ease; will-change: opacity, transform; } .premium-property .image-mosaic__item img { transform: scale(1.1); transition: opacity 1500ms ease, transform 1500ms ease; will-change: opacity, transform; } .premium-property .image-mosaic__item.animate-in img { opacity: 1; transform: scale(1); } .premium-property .image-mosaic__item.animate-in:before { opacity: 0; } .premium-property .image-mosaic > * { height: 100%; background-image: linear-gradient(45deg, transparent, rgba(0, 0, 0, 0.5)); } @media (max-width: 575px) { .premium-property .image-mosaic > * { width: 100%; aspect-ratio: 3/2; } } @media (min-width: 576px) { .premium-property .image-mosaic--a > *:nth-child( 1 ) { width: 56%; } } @media (min-width: 576px) { .premium-property .image-mosaic--a > *:nth-child( 2 ) { width: 19%; } } @media (min-width: 576px) { .premium-property .image-mosaic--a > *:nth-child( 3 ) { width: 25%; } } @media (min-width: 768px) { .premium-property .image-mosaic--b > *:nth-child( 1 ) { width: 37.5%; } } @media (min-width: 768px) { .premium-property .image-mosaic--b > *:nth-child( 2 ) { width: 37.5%; } } @media (min-width: 768px) { .premium-property .image-mosaic--b > *:nth-child( 3 ) { width: 25%; } } @media (min-width: 768px) { .premium-property .image-mosaic--c > *:nth-child( 1 ) { width: 25%; } } @media (min-width: 768px) { .premium-property .image-mosaic--c > *:nth-child( 2 ) { width: 25%; } } @media (min-width: 768px) { .premium-property .image-mosaic--c > *:nth-child( 3 ) { width: 50%; } } @media (min-width: 768px) { .premium-property .image-mosaic--1 > *:nth-child( 1 ) { width: 100%; } } .premium-property .image-mosaic img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .premium-property .gallery { position: relative; } .premium-property .gallery__items { width: 100%; height: auto; position: relative; overflow: hidden; aspect-ratio: 1; } @media (min-width: 576px) { .premium-property .gallery__items { aspect-ratio: 3/2; } } @media (min-width: 992px) { .premium-property .gallery__items { aspect-ratio: 2.35/1; } } .premium-property .gallery__items:after { content: ''; display: block; width: 100%; height: 25%; background-image: linear-gradient(to top, #232924, #23292400); position: absolute; bottom: 0; left: 0; } .premium-property .gallery__item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .premium-property .gallery__item img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .premium-property .gallery__heading { position: absolute; top: 0; left: 0; z-index: 1; font-weight: 800; font-size: 1.3rem; margin: 2rem; } @media (max-width: 575px) { .premium-property .gallery__heading { margin-left: 1rem; margin-right: 1rem; } } .premium-property .gallery--fullscreen-toggler { position: absolute; top: 0; right: 0; z-index: 1; margin: 1rem; cursor: pointer; } .premium-property .gallery--fullscreen-toggler i { transition: transform 150ms ease; } .premium-property .gallery--fullscreen-toggler i svg [data-name="outline"] { stroke: white; transition: stroke 150ms ease; } .premium-property .gallery--fullscreen-toggler:hover i { transform: scale(1.2); } .premium-property .gallery--fullscreen-toggler:hover i svg [data-name="outline"] { stroke: transparent; } .premium-property .gallery__caption { position: absolute; bottom: 0; left: 0; margin: 2rem; font-family: var(--brand--heading-font); font-size: 2.2rem; } @media (max-width: 575px) { .premium-property .gallery__caption { display: none; } } .premium-property .gallery__nav { position: absolute; bottom: 0; right: 0; margin: 1rem; font-size: 2rem; gap: 1rem; } .premium-property .gallery__nav .counter { font-family: var(--brand--heading-font); font-style: italic; opacity: 0.8; gap: 0.35rem; } .premium-property .gallery__nav .counter span:nth-child(1) { color: white; } .premium-property .gallery__nav .counter span:nth-child(2) { color: #F0F0F0; } .premium-property .gallery__nav .buttons { gap: 0.5rem; } .premium-property .gallery__nav .buttons a { border: 1px solid white; aspect-ratio: 52 / 47; width: 52px; height: auto; display: inline-flex; align-items: center; justify-content: center; background-color: var(--pp--grey); transition: background-color 150ms ease; will-change: background-color; } .premium-property .gallery__nav .buttons a svg { transition: transform 150ms ease; will-change: transform; } .premium-property .gallery__nav .buttons a.prev:hover { background-color: transparent; } .premium-property .gallery__nav .buttons a.prev:hover svg { transform: translateX(-0.2rem); } .premium-property .gallery__nav .buttons a.next:hover { background-color: transparent; } .premium-property .gallery__nav .buttons a.next:hover svg { transform: translateX(0.2rem); } .premium-property .text-image { gap: 3rem; } @media (max-width: 991px) { .premium-property .text-image { flex-direction: column; } } .premium-property .text-image__text { flex-basis: 33.333%; flex: 1; } @media (min-width: 992px) { .premium-property .text-image__text > * { max-width: 32rem; } } .premium-property .text-image__image, .premium-property .text-image__video { flex-basis: calc( 60% - 4rem); aspect-ratio: 3/2; position: relative; opacity: 0; transition: opacity 1500ms ease, transform 1500ms ease; will-change: opacity, transform; } .premium-property .text-image__image.animate-in, .premium-property .text-image__video.animate-in { opacity: 1; transform: scale(1); } .premium-property .text-image__image img, .premium-property .text-image__image video, .premium-property .text-image__video img, .premium-property .text-image__video video { width: 100%; height: auto; height: 100%; -o-object-fit: cover; object-fit: cover; } .premium-property .text-image__image video, .premium-property .text-image__video video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .premium-property .text-image__image ._media-button, .premium-property .text-image__video ._media-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 19rem; } .premium-property .text-image__image ._media-button a, .premium-property .text-image__video ._media-button a { background-color: var(--pp--grey); } .premium-property .text-image__image ._media-button a i, .premium-property .text-image__video ._media-button a i { background-color: #232924; } .premium-property .text-image__image ._media-button a span, .premium-property .text-image__video ._media-button a span { color: white; } .premium-property .text-image__image .media-button, .premium-property .text-image__video .media-button { height: 40px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 19rem; } .premium-property .text-image__image .media-button a, .premium-property .text-image__video .media-button a { background-color: var(--pp--grey); position: relative; } .premium-property .text-image__image .media-button a:before, .premium-property .text-image__video .media-button a:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--brand--body-bg-color); transform: scaleX(0); opacity: 0; transition: transform 150ms ease, opacity 150ms ease; transform-origin: left; z-index: 1; } .premium-property .text-image__image .media-button a i, .premium-property .text-image__image .media-button a span, .premium-property .text-image__video .media-button a i, .premium-property .text-image__video .media-button a span { z-index: 2; } .premium-property .text-image__image .media-button a i, .premium-property .text-image__video .media-button a i { aspect-ratio: 1; width: auto; height: 100%; background-color: #232924; display: flex; align-items: center; justify-content: center; } .premium-property .text-image__image .media-button a span, .premium-property .text-image__video .media-button a span { background-color: transparent; padding-left: 1rem; padding-right: 1rem; flex: 1; text-align: center; display: inline-flex; align-self: stretch; align-items: center; justify-content: center; position: relative; color: white; } .premium-property .text-image__image .media-button a svg path, .premium-property .text-image__video .media-button a svg path { fill: transparent; transition: fill 150ms ease; } .premium-property .text-image__image .media-button a:hover:before, .premium-property .text-image__video .media-button a:hover:before { transform: scaleX(1); opacity: 1; } .premium-property .text-image__image .media-button a:hover svg path, .premium-property .text-image__video .media-button a:hover svg path { fill: white; } .premium-property .text-image a.text-image__image { transition: opacity 150ms ease; will-change: opacity; } .premium-property .text-image a.text-image__image:hover { opacity: 0.9; } .premium-property .text-image--r { flex-direction: row-reverse; } @media (max-width: 991px) { .premium-property .text-image--r { flex-direction: column; } } .premium-property .text-image--r .text-image__text { flex: 1; } @media (min-width: 992px) { .premium-property .text-image--r .text-image__text > * { max-width: 32rem; margin-left: auto; margin-right: auto; } } .premium-property .full-width-image { aspect-ratio: 16/9; outline: 1px dotted magenta; } .premium-property .full-width-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .premium-property .floorplans { --gap: 5rem; gap: var(--gap); } @media (max-width: 991px) { .premium-property .floorplans { flex-direction: column; } } .premium-property .floorplans__text { flex: 1; } .premium-property .floorplans__cta { gap: 1rem; flex-direction: column; flex-wrap: wrap; } @media (min-width: 576px) { .premium-property .floorplans__cta { flex-direction: row; } } .premium-property .floorplans__cta .btn { width: 100%; } .premium-property .floorplans__gallery { flex-basis: calc(70% - var(--gap)); position: relative; } .premium-property .floorplans__gallery-items { aspect-ratio: 3 / 2; } .premium-property .floorplans__gallery-items .flickity-viewport { overflow: hidden; } .premium-property .floorplans__gallery-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .premium-property .floorplans__gallery-item img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .premium-property .floorplans__gallery-text { margin-top: 0.5rem; } .premium-property .floorplans__gallery-caption { flex: 1; } .premium-property .floorplans__gallery-nav { font-size: 2rem; gap: 1rem; } .premium-property .floorplans__gallery-nav .counter { font-family: var(--brand--heading-font); font-style: italic; opacity: 0.8; gap: 0.35rem; } .premium-property .floorplans__gallery-nav .counter span:nth-child(1) { color: var(--pp--grey); } .premium-property .floorplans__gallery-nav .counter span:nth-child(2) { color: var(--pp--grey); } .premium-property .floorplans__gallery-nav .buttons { gap: 0.5rem; } .premium-property .floorplans__gallery-nav .buttons a { border: 1px solid var(--pp--grey); aspect-ratio: 52 / 47; width: 52px; height: auto; display: inline-flex; align-items: center; justify-content: center; background-color: var(--pp--grey); transition: background-color 150ms ease; will-change: background-color; } .premium-property .floorplans__gallery-nav .buttons a svg { transition: transform 150ms ease; will-change: transform; } .premium-property .floorplans__gallery-nav .buttons a.prev:hover { background-color: transparent; } .premium-property .floorplans__gallery-nav .buttons a.prev:hover svg { transform: translateX(-0.2rem); } .premium-property .floorplans__gallery-nav .buttons a.prev:hover svg path { fill: var(--pp--grey); } .premium-property .floorplans__gallery-nav .buttons a.next:hover { background-color: transparent; } .premium-property .floorplans__gallery-nav .buttons a.next:hover svg { transform: translateX(0.2rem); } .premium-property .floorplans__gallery-nav .buttons a.next:hover svg path { fill: var(--pp--grey); } .premium-property .floorplans__gallery--fullscreen-toggler { margin-left: 1rem; cursor: pointer; } .premium-property .floorplans__gallery--fullscreen-toggler i { transition: transform 150ms ease; } .premium-property .floorplans__gallery--fullscreen-toggler i svg [data-name="outline"] { stroke: var(--pp--grey); transition: stroke 150ms ease; } .premium-property .floorplans__gallery--fullscreen-toggler i svg path { stroke: var(--pp--grey); } .premium-property .floorplans__gallery--fullscreen-toggler:hover i { transform: scale(1.2); } .premium-property .floorplans__gallery--fullscreen-toggler:hover i svg [data-name="outline"] { stroke: transparent; } @media (min-width: 992px) { .premium-property .floorplans--swoffers { --gap: 3rem; } .premium-property .floorplans--swoffers .content, .premium-property .floorplans--swoffers .floorplans__cta { display: flex; flex-direction: column; height: 100%; } .premium-property .floorplans--swoffers .floorplans__cta .btn { flex: 1; } .premium-property .floorplans--swoffers .floorplans__gallery { flex-basis: calc(65% - var(--gap)); } } .premium-property .media-button { height: 40px; } .premium-property .media-button a { height: inherit; display: inline-flex; width: 100%; align-items: center; justify-content: space-between; outline: 1px solid white; gap: 0; position: relative; } .premium-property .media-button a:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--pp--grey); transform: scaleX(0); opacity: 0; transition: transform 150ms ease, opacity 150ms ease; transform-origin: left; } .premium-property .media-button a i, .premium-property .media-button a span { z-index: 1; } .premium-property .media-button a i { aspect-ratio: 1; width: auto; height: 100%; background-color: var(--pp--grey); display: flex; align-items: center; justify-content: center; } .premium-property .media-button a span { padding-left: 1rem; padding-right: 1rem; flex: 1; text-align: center; display: inline-flex; align-self: stretch; align-items: center; justify-content: center; position: relative; } .premium-property .media-button a svg path { fill: var(--pp--grey); transition: fill 150ms ease; } .premium-property .media-button a:hover:before { transform: scaleX(1); opacity: 1; } .premium-property .media-button a:hover svg path { fill: white; } .premium-property .inner-pad { padding-left: var(--inner-pad-x); padding-right: var(--inner-pad-x); padding-top: var(--inner-pad-y); padding-top: calc( var(--inner-pad-y) * 1.5); padding-bottom: var(--inner-pad-y); padding-bottom: calc( var(--inner-pad-y) * 1.5); } @media (max-width: 991px) { .premium-property .inner-pad + .inner-pad { margin-top: -6rem; } } .premium-property .inset { margin: 1rem; margin-left: 0; border: 1rem solid white; } @media (max-width: 1399px) { .premium-property .inset { border: none; margin: 0; } } .premium-property .underline { border-bottom: 1px solid #7a87854D; } @media (max-width: 575px) { .premium-property .underline { padding-bottom: 1rem; } } .premium-property .p--r { position: relative; } .premium-property .d--f { display: flex; } .premium-property .fd--c { flex-direction: column; } .premium-property .ai--c { align-items: center; } .premium-property .jc--sb { justify-content: space-between; } .premium-property .jc--fe { justify-content: flex-end; } .premium-property .ul--r, .premium-property .l--r { list-style: none; margin: 0; padding: 0; } .premium-property .bg--white { background-color: white; color: var(--pp--text-color); } .premium-property .bg--dark { background-color: #333; color: white; } .premium-property .cols { display: flex; justify-content: space-between; gap: 3rem; flex-direction: column; } @media (min-width: 992px) { .premium-property .cols { flex-direction: row; } } .premium-property .cols--2 > * { flex: 1; max-width: 35rem; max-width: 100%; } .premium-property .cols--3 > * { flex: 1; max-width: 30rem; } .premium-property .hamburger { display: inline-flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; background-color: transparent; position: fixed; top: 1rem; right: 1rem; z-index: 10; border: 1px solid white; margin: 0; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; cursor: pointer; } .premium-property .hamburger:before { content: ''; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc( 100% - 6px); height: calc( 100% - 6px); background-color: var(--pp--grey); opacity: 0.7; z-index: -1; } .premium-property .hamburger svg { align-self: 1; width: calc( 100% - 8px); height: auto; } .premium-property .hamburger svg path, .premium-property .hamburger svg rect { fill: white; } /* This block of CSS adds opacity transition to background */ .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0; transform: scale(0.7); -webkit-backface-visibility: hidden; transition: all 0.3s ease-out; } .mfp-with-zoom.mfp-bg { /* opacity: 0; */ transform: scale(1); } .mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; transform: scale(1); } .mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; } .mfp-image-holder .mfp-content, .mfp-iframe-holder .mfp-content { max-width: 90% !important; } @media (max-width: 767px) { #wpadminbar { display: none !important; } } .primary-navigation { height: 40px; display: flex; align-items: flex-end; font-family: var(--brand--heading-font); font-size: 1.3rem; font-weight: 400; } @media (max-width: 1263px) { .primary-navigation { display: none; } } @media (min-width: 1464px) { .primary-navigation { height: 62px; } } .primary-navigation ul { gap: 1.5rem; } .primary-navigation a:hover { color: #758885; } .primary-navigation .sub-menu { position: absolute; top: 100%; left: 0; opacity: 0; pointer-events: none; transition: opacity 250ms ease; will-change: opacity; list-style: none; margin: 0; padding: 1.2rem 1.7rem; font-family: var(--brand--body-font); font-size: 1.1rem; font-weight: 400; font-size: clamp(0.95rem, 0.5852941176rem + 0.5882352941vw, 1.1rem); } .primary-navigation .sub-menu:before { content: ''; padding-top: 1rem; width: 100%; display: block; } .primary-navigation .sub-menu:after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: calc( 100% - 1rem); box-shadow: 0rem 0.5rem 0.5rem rgba(0, 0, 0, 0.1); background-color: #595F5B; z-index: -1; } .primary-navigation .sub-menu > li { position: relative; } .primary-navigation .sub-menu > li > a { width: 320px; display: flex; align-items: center; height: 3rem; position: relative; height: clamp(2.4rem, 0.9411764706rem + 2.3529411765vw, 3rem); } .primary-navigation .sub-menu > li > a:hover { color: white; opacity: 0.7; } .primary-navigation .sub-menu .primary-navigation__sub-menu-content a:hover { color: white; opacity: 0.7; } .primary-navigation li.menu-item-has-children { position: relative; } .primary-navigation li.menu-item-has-children > a { display: flex; gap: 0.3rem; } .primary-navigation li.menu-item-has-children > a:after { content: ''; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cg data-name='Group 350' fill='none' stroke='%23758885'%3E%3Cpath data-name='Line 3' d='M0 7h14'/%3E%3Cpath data-name='Line 4' d='M7 0v14'/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cg data-name='Group 350' fill='none' stroke='%23758885'%3E%3Cpath data-name='Line 3' d='M0 7h14'/%3E%3Cpath data-name='Line 4' d='M7 0v14'/%3E%3C/g%3E%3C/svg%3E"); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color: white; width: 18px; height: auto; aspect-ratio: 1; display: block; transition: transform 250ms ease; will-change: transform; } @media (min-width: 1200px) { .primary-navigation li.menu-item-has-children button { display: none; } } .primary-navigation li.menu-item-has-children:hover > a, .primary-navigation li.menu-item-has-children.active > a { color: #758885; } .primary-navigation li.menu-item-has-children:hover > a:after, .primary-navigation li.menu-item-has-children.active > a:after { background-color: #758885; transform: rotate(135deg); } .primary-navigation li.menu-item-has-children:hover .sub-menu, .primary-navigation li.menu-item-has-children.active .sub-menu { opacity: 1; pointer-events: initial; z-index: 99; } .primary-navigation__sub-menu-content { margin-top: 1.3rem; font-weight: bold; } .primary-navigation__sub-menu-content:before { content: ''; display: block; height: 1px; width: 100%; background-color: #758885; margin-bottom: 1.6rem; } .promo-grid { --gap: 2rem; } .promo-grid__items { display: flex; flex-wrap: wrap; gap: var(--gap); justify-content: space-between; } .promo-grid__item { width: 100%; display: flex; align-items: flex-start; flex-direction: column; padding-bottom: 2rem; border-bottom: 1px solid #595F5B; } @media (min-width: 992px) { .promo-grid__item { max-width: 410px; width: calc( 33.333% - var(--gap) * 0.6666); } } .promo-grid__item-heading { font-weight: bold; font-size: 1.6rem; text-wrap: balance; line-height: 1.3; } @media (min-width: 768px) { .promo-grid__item-heading { font-size: 2rem; font-size: 1.6rem; } } @media (min-width: 992px) { .promo-grid__item-heading { font-size: 1.6rem; } } @media (min-width: 1400px) { .promo-grid__item-heading { font-size: 2rem; font-size: 1.6rem; } } .promo-grid__item-subheading { margin-top: 1rem; font-size: 1.1rem; line-height: 1.5; } @media (min-width: 992px) { .promo-grid__item-subheading { font-size: 0.9rem; } } @media (min-width: 1200px) { .promo-grid__item-subheading { font-size: 1.2rem; } } .promo-grid__item-subheading.entry-content > *:not(:last-child) { margin-bottom: 0.8rem; } .promo-grid__item--cta { border-bottom: 0; align-self: center; } .promo-grid__item--cta .promo-grid__item-heading { color: #758885; max-width: 280px; margin-bottom: 1rem; font-size: 1.6rem; } @media (min-width: 768px) { .promo-grid__item--cta .promo-grid__item-heading { font-size: 1.8rem; max-width: 290px; } } @media (min-width: 992px) { .promo-grid__item--cta .promo-grid__item-heading { font-size: 1.8rem; max-width: 290px; } } @media (min-width: 1200px) { .promo-grid__item--cta .promo-grid__item-heading { font-size: 1.8rem; max-width: 290px; } } .property-images { width: 100vw; left: 50%; transform: translateX(-50%); position: relative; } @media (min-width: 768px) { .property-images { width: 100%; left: auto; transform: none; } } .property-images__items { aspect-ratio: 10/9; width: 100%; height: auto; max-height: 960px; position: relative; } .property-images__items:before { content: ''; display: block; width: 100%; height: 50%; position: absolute; bottom: 0; left: 0; z-index: 1; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent); } @media (min-width: 768px) { .property-images__items { aspect-ratio: 1712 / 960; } } .property-images__items img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .property-images__items .flickity-viewport { overflow: hidden; } .property-images__text { position: absolute; bottom: 0; left: 0; margin: 1rem; width: calc( 100% - 2rem); line-height: 1; z-index: 2; } @media (min-width: 768px) { .property-images__text { margin: 1rem; } } @media (min-width: 992px) { .property-images__text { margin: 2rem; } } .property-images__text span { display: block; } @media (min-width: 768px) { .property-images__text span { display: inline; } } .property-images__nav { position: absolute; bottom: 0; right: 0; } @media (min-width: 768px) { .property-images__nav { position: relative; bottom: auto; right: auto; } } .property-images__nav--prev, .property-images__nav--next { width: 35px; height: auto; aspect-ratio: 1; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; box-shadow: none; background: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50'%3E%3Cg data-name='Group 283' opacity='1'%3E%3Cpath data-name='Rectangle 141' fill='%23fff' d='M0 0h50v50H0z'/%3E%3Cg fill='none' stroke='%23212924' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'%3E%3Cpath d='M23.75 16.22 13.7 25l10.04 8.78'/%3E%3Cpath data-name='Stroke' d='M13.71 25H36.3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); opacity: 1; background-size: contain; } @media (min-width: 768px) { .property-images__nav--prev, .property-images__nav--next { width: 50px; } } .property-images__nav--next { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50'%3E%3Cg data-name='Group 283'%3E%3Cpath data-name='Rectangle 141' fill='%23fff' d='M50 50H0V0h50z'/%3E%3Cg fill='none' stroke='%23212924' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'%3E%3Cpath d='M26.25 33.78 36.3 25l-10.04-8.78'/%3E%3Cpath data-name='Stroke' d='M36.29 25H13.7'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .property__title { font-size: 3rem; font-family: var(--brand--heading-font); } .property__title-area { margin-bottom: 0; } @media (min-width: 768px) { .property__title-area { margin-bottom: 1rem; } } .property__overview { max-width: 940px; } .property__overview p:first-child { font-size: 1.5rem; line-height: 1.6; opacity: 1; font-weight: 400; font-weight: 300; margin-bottom: 2rem; } @media (max-width: 767px) { .property-content.section { margin-top: 1.5rem; } } .property-content .wrapper { display: flex; gap: 2rem; flex-direction: column; flex-wrap: wrap; } @media (min-width: 992px) { .property-content .wrapper { flex-direction: row; gap: 3rem; } } @media (min-width: 1200px) { .property-content .wrapper { gap: 6rem; } } @media (min-width: 1400px) { .property-content .wrapper { gap: 6rem; } } .property__main { flex: 1; } .property__side { min-width: 400px; flex: none; order: -1; } @media (min-width: 992px) { .property__side { order: unset; } } @media (min-width: 992px) { .property__side { width: calc( 35% - 2rem * (1 - 0.35)); } } @media (min-width: 1400px) { .property__side { width: calc( 35% - 3rem * (1 - 0.35)); } } .property-meta { gap: 0 2rem; display: flex; align-items: flex-start; flex-wrap: wrap; margin-top: -1rem; } .property-meta__item { font-weight: 700; font-size: 1.2rem; width: calc( 50% - 1rem); height: 3.5rem; border-bottom: 1px solid #595F5B; display: flex; align-items: center; } @media (min-width: 768px) { .property-meta__item { font-size: 1.3rem; height: 4.5rem; } } @media (min-width: 1400px) { .property-meta__item { font-size: 1.4rem; } } .property-meta__item:nth-child(1), .property-meta__item:nth-child(3) { order: -1; } @media (min-width: 576px) { .property-meta__item:nth-child(1), .property-meta__item:nth-child(3) { order: -1; } } .property-key-features { margin-top: 2.5rem; border-bottom: 1px solid #595F5B; padding-bottom: 3rem; } @media (min-width: 768px) { .property-key-features { margin-top: 3.5rem; } } .property-key-features ul { margin-top: 1rem; display: flex; gap: 0.75rem; flex-direction: column; padding: 0; padding-left: 1.25rem; } .property__links { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; max-width: 640px; margin-top: 3rem; font-weight: bold; font-size: 1.1rem; flex-direction: column; } @media (min-width: 768px) { .property__links { align-items: center; justify-content: space-between; flex-direction: row; } } .property__cta { margin-top: 5rem; padding: 2rem; border: 1px solid #595F5B; display: flex; align-items: center; justify-content: space-between; max-width: 860px; gap: 2rem; line-height: 1.1; flex-direction: column; } @media (min-width: 768px) { .property__cta { margin-top: 2rem; flex-direction: row; } } .property__cta span { font-family: var(--brand--heading-font); font-size: 1.9rem; } @media (max-width: 767px) { .site-footer.section--inner { padding-top: 0; padding-bottom: 5rem; } } .site-footer .wrapper { display: flex; align-items: center; justify-content: space-between; position: relative; flex-direction: column; } @media (min-width: 992px) { .site-footer .wrapper { flex-direction: row; } } .site-footer .address { max-width: 12rem; font-size: 1rem; line-height: 1.3; text-align: center; } @media (min-width: 992px) { .site-footer .address { text-align: left; } } .site-footer .logo { order: -1; margin-bottom: 2rem; } @media (min-width: 992px) { .site-footer .logo { margin-top: -0.5rem; margin-bottom: 0; order: unset; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } } .site-footer .links { font-weight: bold; font-size: 1.4rem; display: flex; flex-direction: column; justify-content: center; text-align: center; line-height: 1.5; margin-top: 2rem; } @media (min-width: 992px) { .site-footer .links { margin-top: 0; justify-content: flex-end; text-align: right; } } .site-header { height: 150px; position: relative; z-index: 9; } @media (min-width: 768px) { .site-header { height: 175px; } } .site-header > .wrapper { gap: 2rem; } @media (min-width: 768px) { .site-header > .wrapper { align-items: center; } } .site-header .logo--small { width: 185px; height: auto; } @media (min-width: 1464px) { .site-header .logo--small { display: none; } } .site-header .logo { margin-right: auto; width: 565px; height: auto; flex: none; display: none; } @media (min-width: 1464px) { .site-header .logo { display: block; } } .site-header .logo, .site-header .logo--small { transition: opacity 50ms ease; } .site-header .logo:hover, .site-header .logo--small:hover { opacity: 0.8; } @media (min-width: 1264px) { .site-header .hamburger { display: none; } } .site-navigation { background-color: #004B88; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; flex-direction: column; height: 100%; width: 100%; color: white; transform: translateY(-100%); transition: all 650ms cubic-bezier(0.215, 0.61, 0.355, 1); } .site-navigation .wrapper { flex-direction: column; } @media (min-width: 992px) { .site-navigation .wrapper { flex-direction: row; } } .site-navigation.is-active { transform: translateY(0); } .site-navigation__header { justify-content: space-between; position: absolute; top: 0; left: 0; width: 100%; height: 105px; } @media (max-width: 575px) { .site-navigation__header { box-shadow: 0 0.2rem 0.7rem rgba(0, 0, 0, 0.1); } } @media (min-width: 992px) { .site-navigation__header { height: 145px; } } .site-navigation .logo, .site-navigation .quick-hide, .site-navigation .close { display: flex; align-items: center; justify-content: center; } .site-navigation .logo { width: 75px; height: auto; } @media (min-width: 992px) { .site-navigation .logo { width: 115px; } } .site-navigation .logo svg, .site-navigation .logo img { width: 100%; height: auto; } .site-navigation .quick-hide { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .site-navigation .quick-hide a { text-decoration: underline; } .site-navigation .close { width: 2rem; height: 2rem; } .site-navigation__main { width: 100%; height: 100%; flex-direction: column; align-items: center; justify-content: flex-start; position: fixed; top: calc( 105px); width: 100%; height: calc( 100% - 105px); overflow-y: scroll; padding-top: 1.5rem; } @media (max-width: 575px) { .site-navigation__main { padding-bottom: 1.5rem; } } @media (min-width: 992px) { .site-navigation__main { justify-content: center; position: static; top: 0; padding-top: 0; overflow: visible; } } .site-navigation__main .wrapper { display: block; display: flex; align-items: flex-start; gap: 2rem; } @media (min-width: 992px) { .site-navigation .primary-navigation, .site-navigation .contact-information { width: 255px; } } .site-navigation .contact-information { display: none; } @media (min-width: 992px) { .site-navigation .contact-information { display: flex; flex-direction: column; align-item: flex-start; gap: 1rem; } } .site-navigation .contact-information dt, .site-navigation .contact-information h3 { font-weight: 700; } .site-navigation .cta { flex: 1; max-width: 32rem; gap: 1rem; flex-direction: column; } .site-navigation .cta > .cta__buttons { gap: 1rem; width: 100%; display: none; } @media (min-width: 992px) { .site-navigation .cta > .cta__buttons { display: flex; } } .site-navigation .cta > .cta__buttons > * { flex: 1; } .site-navigation .cta__notice { padding: 2rem 1rem; color: white; background-color: #EF3434; font-weight: 400; width: 100%; } .site-navigation .cta__buttons--alt { display: none; } @media (max-width: 991px) { .site-navigation .cta__buttons--alt { display: flex; gap: 0.5rem; width: 100%; justify-content: flex-start; } } .site-navigation .cta__buttons--alt .btn--whatsapp { min-width: auto; } .site-navigation .hamburger i span { background-color: white; } .site-navigation .primary-navigation ul { flex-direction: column; align-items: flex-start; } .site-navigation .primary-navigation ul li { font-weight: 700; font-size: 1.8rem; } .site-navigation .primary-navigation ul li a:hover { text-decoration: underline; } .bw { display: none !important; } .two-column-content__items { display: flex; flex-direction: column; justify-content: space-between; gap: 3rem; } @media (min-width: 992px) { .two-column-content__items { flex-direction: row; gap: 6rem; } } @media (min-width: 992px) { .two-column-content__items:before { content: ''; display: block; width: 1px; height: 100%; background-color: #707070; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; } } @media (min-width: 992px) { .two-column-content__item { width: calc( 50% - 3rem); } } @media (max-width: 991px) { .two-column-content__item:not(:first-child) { border-top: 1px solid #707070; padding-top: 3rem; } } h1, h2, h3, h4, h5, h6 { font-family: var(--brand--heading-font); } .heading--page-header { font-size: 2.8rem; } @media (min-width: 768px) { .heading--page-header { font-size: 3.8rem; } } .heading--section { font-size: 2rem; } .heading--property-title { font-size: 1.7rem; } @media (min-width: 768px) { .heading--property-title { font-size: clamp(1.2rem, 0.3rem + 1.2vw, 1.5rem); } } .heading--key-features { font-family: var(--brand--body-font); font-weight: 800; font-size: 1.1rem; } .heading--home-intro { font-size: 2.3rem; } [class*="__heading"] { margin-bottom: 1.3rem; } @media (min-width: 576px) { [class*="__heading"] { margin-bottom: 2rem; } } [class*="__content"] + * { margin-top: 2rem; } .link { font-weight: bold; text-decoration: none !important; font-weight: bold; text-decoration: none; line-height: 1.3; display: inline-flex; } .link--back { font-weight: bold; } .link .icon--long-right-arrow { transition: transform 150ms ease; } .link:hover .icon--long-right-arrow { transform: translateX(1rem); } :root { --brand--light-grey-cyan: #758885; --brand--blue: #004b88; --brand--orange: #FCBB69; --brand--light-blue: #D4EEFF; --brand--green: #30C541; --brand--teal: #006278; --brand--peach: #FCCEBA; --brand--primary-color: var(--brand--light-grey-cyan); --brand--secondary-color: #fcbb69; --brand--tertiary-color: #006278; --brand--body-bg-color: #212924; --brand--body-text-color: #ffffff; --brand--heading-font: "abril-display", serif; --brand--body-font: "Open Sans", sans-serif; --brand--body-line-height: 1.7; --brand--body-font: Gilroy, sans-serif; } /* Fonts */