:root { --sky-blue: #00b6de; --medium-blue: #aae7f4; --light-blue: #baf2ff; --accessible-blue: #067fa5; --orange: #e98033; --near-black: #2f2e30; --earth: #414042; --dark-grey: #606870; --medium-grey: #becbd7; --hover-grey: #e3eaf1; --light-grey: #edf2f6; --almost-white: #fafafa; --black: #000000; --white: #FFFFFF; }
@-webkit-keyframes scrollBrowser {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-213.885px); }
  100% { transform: translateY(-557.656px); }
}
@keyframes scrollBrowser {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-213.885px); }
  100% { transform: translateY(-557.656px); }
}

/* Functions */
.column-1 { width: calc((((100% - (11 * 20px))/12) * 1) + ((1 - 1) * 20px)); }
.column-2 { width: calc((((100% - (11 * 20px))/12) * 2) + ((2 - 1) * 20px)); }
.column-3 { width: calc((((100% - (11 * 20px))/12) * 3) + ((3 - 1) * 20px)); }
.column-4 { width: calc((((100% - (11 * 20px))/12) * 4) + ((4 - 1) * 20px)); }
.column-5 { width: calc((((100% - (11 * 20px))/12) * 5) + ((5 - 1) * 20px)); }
.column-6 { width: calc((((100% - (11 * 20px))/12) * 6) + ((6 - 1) * 20px)); }
.column-7 { width: calc((((100% - (11 * 20px))/12) * 7) + ((7 - 1) * 20px)); }
.column-8 { width: calc((((100% - (11 * 20px))/12) * 8) + ((8 - 1) * 20px)); }
.column-9 { width: calc((((100% - (11 * 20px))/12) * 9) + ((9 - 1) * 20px)); }
.column-10 { width: calc((((100% - (11 * 20px))/12) * 10) + ((10 - 1) * 20px)); }
.column-11 { width: calc((((100% - (11 * 20px))/12) * 11) + ((11 - 1) * 20px)); }
.column-12 { width: calc((((100% - (11 * 20px))/12) * 12) + ((12 - 1) * 20px)); }
*, *:before, *:after { -moz-box-sizing: inherit; box-sizing: inherit; outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
html { box-sizing: border-box; margin: auto; overflow-x: hidden; }
body { font-family: 'Outfit', sans-serif; font-size: 18px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; position: relative; box-sizing: border-box; margin: 0; background: #FFF; color: var(--earth); -webkit-font-smoothing: antialiased; -ms-overflow-y: hidden; overflow-x: hidden; }
html.open, html.open body { overflow: hidden; }
section, header, footer { display: block; width: 100%; }
#smooth-content { will-change: transform; }
h1 { font-family: 'Outfit', sans-serif; font-size: 68px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.15; letter-spacing: normal; }
@media (max-width:550px) {
  h1 { font-family: 'Outfit', sans-serif; font-size: 46px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.13; letter-spacing: normal; }
}
h2 { font-family: 'Outfit', sans-serif; font-size: 52px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.08; letter-spacing: normal; }
@media (max-width:550px) {
  h2 { font-family: 'Outfit', sans-serif; font-size: 40px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.1; letter-spacing: normal; }
}
h3 { font-family: 'Outfit', sans-serif; font-size: 46px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.13; letter-spacing: normal; }
@media (max-width:550px) {
  h3 { font-family: 'Outfit', sans-serif; font-size: 34px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.12; letter-spacing: normal; }
}
h4 { font-family: 'Outfit', sans-serif; font-size: 32px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.13; letter-spacing: normal; }
@media (max-width:550px) {
  h4 { font-family: 'Outfit', sans-serif; font-size: 26px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.19; letter-spacing: normal; }
}
h5 { font-family: 'Outfit', sans-serif; font-size: 22px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.18; letter-spacing: normal; margin-bottom: 24px; }
@media (max-width:550px) {
  h5 { font-family: 'Outfit', sans-serif; font-size: 20px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; margin-bottom: 20px; }
}
h6 { font-family: 'Outfit', sans-serif; font-size: 18px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; }
@media (max-width:550px) {
  h6 { font-family: 'Outfit', sans-serif; font-size: 16px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; }
}
i.fa { font-family: "Font Awesome 6 Pro"; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; }
input[type=submit], input[type=text], input[type='email'], input[type='search'], textarea, select, button { -webkit-appearance: none; -moz-appearance: none; box-shadow: none !important; border-radius: 0; }
input[type=submit] { cursor: pointer; -webkit-transition: all 0.50s ease-in-out; -moz-transition: all 0.50s ease-in-out; -o-transition: all 0.50s ease-in-out; transition: all 0.50s ease-in-out; }
input[type=text] { font-family: 'Outfit', sans-serif; font-size: 16px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; background: transparent; border: none; box-shadow: none; padding: 14px 0px; margin: 25px 0; outline: none; }
input[type=text]::-webkit-input-placeholder { color: #FFF; }
select, textarea { color: #000; }
select::-ms-expand { display: none; }
a { text-decoration: none; color: var(--sky-blue); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
p { font-family: 'Outfit', sans-serif; font-size: 18px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; }
@media (max-width:550px) {
  p { font-family: 'Outfit', sans-serif; font-size: 16px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; }
}
li { font-family: 'Outfit', sans-serif; font-size: 18px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; }
@media (max-width:550px) {
  li { font-family: 'Outfit', sans-serif; font-size: 16px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; }
}
strong, b { font-weight: 700; }
img, iframe { max-width: 100%; }
img { height: auto; }
#width-check { z-index: 0; }
.df { display: flex; }
.aic { align-items: center; }
.jcc { justify-content: center; }
.jcsb { justify-content: space-between; }
.jcfe { justify-content: flex-end; }
.fw { flex-wrap: wrap; }
.fwwr { flex-wrap: wrap-reverse; }
.scrollHide { overflow-x: hidden; }
.fade:not(.bio) { opacity: 0; will-change: transform;  /*transform: translateY(30px);*/ }
.only-mobile { display: none !important; }
@media (max-width:550px) {
  .only-mobile { display: inline-flex !important; }
}
.container, .tab-system .tab-wrapper > li { max-width: 1960px; margin: 0 auto; position: relative; padding-left: 80px; padding-right: 80px; }
.container.container__xl, .tab-system .tab-wrapper > li.container__xl { max-width: 1270px; }
@media (max-width:1285px) {
  .container.container__xl, .tab-system .tab-wrapper > li.container__xl { padding-left: 15px; padding-right: 15px; }
}
@media (max-width:767px) {
  .container.container__xl, .tab-system .tab-wrapper > li.container__xl { padding-left: 10px; padding-right: 10px; }
}
@media (max-width:550px) {
  .container.container__xl, .tab-system .tab-wrapper > li.container__xl { padding-left: 40px; padding-right: 40px; }
}
@media (max-width:1280px) {
  .container, .tab-system .tab-wrapper > li { padding-left: 40px; padding-right: 40px; }
}
@media (max-width:1024px) {
  .container, .tab-system .tab-wrapper > li { padding-left: 20px; padding-right: 20px; }
}
.container.dark h1, .tab-system .tab-wrapper > li.dark h1, .container.dark h2, .tab-system .tab-wrapper > li.dark h2, .container.dark h3, .tab-system .tab-wrapper > li.dark h3, .container.dark h4, .tab-system .tab-wrapper > li.dark h4, .container.dark h5, .tab-system .tab-wrapper > li.dark h5, .container.dark h6, .tab-system .tab-wrapper > li.dark h6 { color: #FFF; }
.container.dark p, .tab-system .tab-wrapper > li.dark p, .container.dark *, .tab-system .tab-wrapper > li.dark * { color: #FFF; }
.container.center, .tab-system .tab-wrapper > li.center { justify-content: center; }
.container.center *, .tab-system .tab-wrapper > li.center * { text-align: center; }
.container.flex-jsb, .tab-system .tab-wrapper > li.flex-jsb { display: flex; justify-content: space-between; }
.container.flex-w, .tab-system .tab-wrapper > li.flex-w { flex-wrap: wrap; }
.left-container { width: 50%; }
.right-container { width: 50%; }
.flex { display: flex; }
.flex.wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.flex.aic { -webkit-align-items: center; align-items: center; }
.home section > .container, .home .tab-system section.tab-wrapper > li, .tab-system .home section.tab-wrapper > li { display: flex; flex-wrap: wrap; justify-content: space-between; }
.home section > .container.center, .home .tab-system section.tab-wrapper > li.center, .tab-system .home section.tab-wrapper > li.center, .home section > .container.jcc, .home .tab-system section.tab-wrapper > li.jcc, .tab-system .home section.tab-wrapper > li.jcc { justify-content: center; }
.home section > .container.jcfe, .home .tab-system section.tab-wrapper > li.jcfe, .tab-system .home section.tab-wrapper > li.jcfe { justify-content: flex-end; }
.home section.dark { background-color: #000; }
.home section.dark > div * { color: #FFF; }
.button { background-color: #FFF; border: solid 2px var(--sky-blue); color: var(--earth); display: inline-block; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; outline: 0; padding: 16px 44px; margin-top: 24px; }
.button:focus { outline: 1px dashed var(--sky-blue); outline-offset: 8px; }
.button:active { background-color: var(--sky-blue); outline: 0; outline-offset: 0; }
.button:active:hover { background-color: var(--sky-blue); outline: 0; outline-offset: 0; }
.button:hover { background-color: var(--light-blue); outline: 0; outline-offset: 0; }
@media (max-width:850px) {
  .button { font-size: 14px; line-height: 1.43; padding: 8px 32px; }
}
.arrow { font-family: 'Outfit', sans-serif; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; color: var(--earth); position: relative; }
.arrow:after { background-color: var(--sky-blue); content: ''; display: inline-block; height: 14px; margin-left: 14px; position: relative; top: 1px; width: 9px; transform: translate3d(0, 0, 0); transition: all 0.5s cubic-bezier(0.17, 0.17, 0.05, 1); -webkit-mask: url(../../../../_resources/svg/taseko-arrow-right.svg) no-repeat 50% 50%; mask: url(../../../../_resources/svg/taseko-arrow-right.svg) no-repeat 50% 50%; -webkit-mask-size: cover; mask-size: cover; }
.arrow:focus { outline: 1px dashed var(--sky-blue); outline-offset: 3px; }
.arrow:active { color: var(--sky-blue); outline: 0; outline-offset: 0; }
.arrow:hover:after { animation: fadeOutRightInLeft 2s forwards; animation-iteration-count: 1; }
.arrow:active:hover { color: var(--sky-blue); outline: 0; outline-offset: 0; }
@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  to { opacity: 1; }
}
@keyframes fadeIn {
  0% { opacity: 0; }
  to { opacity: 1; }
}
@-webkit-keyframes fadeInUp {
  0% { opacity: 0; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); }
  to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); }
}
@keyframes fadeInUp {
  0% { opacity: 0; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); }
  to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); }
}
@-webkit-keyframes fadeOut {
  0% { opacity: 1; }
  to { opacity: 0; }
}
@keyframes fadeOut {
  0% { opacity: 1; }
  to { opacity: 0; }
}
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; animation-duration: .675s; }
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }
@keyframes fadeOutRightInLeft {
  0% { opacity: 1; transform: translate3d(0, 0, 0); }
  50% { opacity: 0; transform: translate3d(100%, 0, 0); }
  51% { opacity: 0; transform: translate3d(-100%, 0, 0); }
  100% { opacity: 1; transform: translate3d(0, 0, 0); }
}
.fadeOutRightInLeft { animation-name: fadeOutRight; }
@keyframes clockwise {
  to { transform: rotate(360deg) translatez(0); }
}
#information-hub { background-color: var(--light-grey); margin: 0 20px; padding-bottom: 102px; padding-top: 140px; width: calc(100% - 40px); }
@media (max-width:1024px) {
  #information-hub { padding: 96px 0 48px; margin: 0; width: 100%; }
}
.recent-documents > h3 { margin: 0 0 60px; width: calc(50% - 50px); }
@media (max-width:1024px) {
  .recent-documents > h3 { margin-bottom: 48px; width: 100%; }
  .recent-documents > h3:nth-of-type(1) { order: 1; }
  .recent-documents > h3:nth-of-type(2) { order: 3; }
}
.recent-documents > div { width: calc(50% - 50px); }
@media (max-width:1024px) {
  .recent-documents > div { width: 100%; }
  .recent-documents > div:nth-of-type(1) { margin-bottom: 48px; order: 2; }
  .recent-documents > div:nth-of-type(2) { order: 4; }
}
.recent-documents > div a.arrow { display: inline-block; margin-top: 60px; }
@media (max-width:1024px) {
  .recent-documents > div a.arrow { margin-top: 24px; }
}
body:not(.str-taseko-talks, .str-construction-updates) .listing-item{ display: flex; }
@media (max-width:640px) {
  body:not(.str-taseko-talks, .str-construction-updates) .listing-item { border-bottom: 2px solid var(--medium-grey); padding-bottom: 24px; }
  body:not(.str-taseko-talks, .str-construction-updates) .listing-item:hover { background-color: var(--hover-grey); }
}
body:not(.str-taseko-talks, .str-construction-updates) .listing-item span { display: block; }
body:not(.str-taseko-talks, .str-construction-updates) .listing-item__thumbnail { min-height: 140px; width: 140px; }
@media (max-width:640px) {
  body:not(.str-taseko-talks, .str-construction-updates) .listing-item__thumbnail { min-height: unset; height: 100px; width: 100px; }
}
@media (max-width:640px) and (max-width:450px) {
  body:not(.str-taseko-talks, .str-construction-updates) .listing-item__thumbnail { height: 72px; width: 72px; }
}
body:not(.str-taseko-talks, .str-construction-updates) .listing-item__thumbnail img { height: 100%; width: 100%; object-fit: cover; }
body:not(.str-taseko-talks, .str-construction-updates) .listing-item__details { background-color: var(--light-grey); border-bottom: 2px solid var(--medium-grey); padding: 30px 24px 30px 30px; width: calc(100% - 140px); -webkit-transition: all 0.325s ease-in-out; -moz-transition: all 0.325s ease-in-out; -o-transition: all 0.325s ease-in-out; transition: all 0.325s ease-in-out; }
@media (max-width:640px) {
  body:not(.str-taseko-talks, .str-construction-updates) .listing-item__details { border-bottom: none; padding: 0 0 0 20px; width: calc(100% - 100px); }
}
@media (max-width:450px) {
  body:not(.str-taseko-talks, .str-construction-updates) .listing-item__details { width: calc(100% - 72px); }
}
body:not(.str-taseko-talks, .str-construction-updates) .listing-item__details--date { font-family: 'Outfit', sans-serif; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--earth); }
body:not(.str-taseko-talks, .str-construction-updates) .listing-item__details--title { font-family: 'Outfit', sans-serif; font-size: 18px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--dark-grey); }
body:not(.str-taseko-talks, .str-construction-updates) .listing-item:hover .listing-item__details { background-color: var(--hover-grey); border-color: var(--sky-blue); }
@media (max-width:640px) {
  body:not(.str-taseko-talks, .str-construction-updates) .listing-item:hover .listing-item__details { background-color: transparent; }
}
body:not(.str-taseko-talks, .str-construction-updates) .listing-item + .listing-item { margin-top: 20px; }

/* TASEKO TALKS - 3 POSTS */
#taseko-talks { margin: 140px 0 120px; }
@media (max-width:1024px) {
  #taseko-talks { margin: 96px 0 104px; }
}
@media (max-width:640px) {
  #taseko-talks { margin: 48px 0 56px; }
}
#taseko-talks .tt-articles { width: 100%; }
@media screen and (max-width:1024px) {
  #taseko-talks .tt-articles { display: block; }
}
#taseko-talks .tt-articles .item { background-color: var(--light-grey); border-bottom: 2px solid var(--medium-grey); color: var(--dark-grey); display: flex; align-items: center; padding: 34px 36px; margin-right: 20px; width: calc((((100% - (11 * 20px))/12) * 4) + ((4 - 1) * 20px)); }
@media screen and (max-width:1024px) {
  #taseko-talks .tt-articles .item { padding: 32px 20px; margin-right: 0; margin-bottom: 20px; width: 100%; }
}
#taseko-talks .tt-articles .item .details { -webkit-flex-basis: calc(100% - 77px); flex-basis: calc(100% - 77px); padding-right: 20px; }
@media screen and (max-width:1024px) {
  #taseko-talks .tt-articles .item .details { -webkit-flex-basis: calc(100% - 47px); flex-basis: calc(100% - 47px); }
}
#taseko-talks .tt-articles .item .details .date { font-family: 'Outfit', sans-serif; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--earth); }
#taseko-talks .tt-articles .item .image { -webkit-flex-basis: 77px; flex-basis: 77px; }
@media screen and (max-width:1024px) {
  #taseko-talks .tt-articles .item .image { -webkit-flex-basis: 47px; flex-basis: 47px; }
}
#taseko-talks .tt-articles .item:last-of-type { margin-right: 0; }
#taseko-talks .tt-articles .item:hover { background-color: var(--hover-grey); border-bottom: 2px solid var(--sky-blue); }
#taseko-talks .tt-articles + p { margin-top: 50px; }
.tab-system { background-color: var(--light-grey); margin: 150px 20px; width: calc(100% - 40px); }
@media (max-width:1024px) {
  .tab-system { margin: 96px 0; width: 100%; }
}
@media (max-width:640px) {
  .tab-system { margin: 64px 0px 72px; }
}
.tab-system ul { list-style: none; margin: 0; padding: 0; }
.tab-system .tabs { display: flex; }
.tab-system .tabs::-webkit-scrollbar { width: 2px; height: 2px; }
.tab-system .tabs::-webkit-scrollbar-track { box-shadow: inset 0 0 1px grey; }
.tab-system .tabs::-webkit-scrollbar-thumb { background: var(--earth); }
@media (max-width:1024px) {
  .tab-system .tabs { margin-left: 20px; }
}
@media screen and (max-width:767px) {
  .tab-system .tabs { overflow-x: scroll; overflow-y: hidden; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; }
}
.tab-system .tabs > li { font-family: 'Outfit', sans-serif; font-size: 22px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.18; letter-spacing: normal; margin-bottom: 24px; align-items: center; border-bottom: 2px solid var(--medium-grey); color: var(--earth); cursor: pointer; display: flex; flex: 1; height: 110px; justify-content: center; }
.tab-system .tabs > li.active-tab { background-color: var(--light-blue); border-color: var(--sky-blue); }
@media (max-width:1024px) {
  .tab-system .tabs > li { padding: 40px 20px; }
}
@media screen and (max-width:767px) {
  .tab-system .tabs > li { white-space: nowrap; }
}
.tab-system .tab-wrapper { padding: 120px 80px; }
@media (max-width:1024px) {
  .tab-system .tab-wrapper { padding: 64px 20px 56px; }
}
.tab-system .tab-wrapper > li { display: none; padding-left: 0; padding-right: 0; }
.tab-system .tab-wrapper .tab-content__hold { display: flex; flex-wrap: wrap; justify-content: space-between; }
.tab-system .tab-wrapper .tab-content__hold--images { display: flex; justify-content: space-between; width: calc((((100% - (11 * 20px))/12) * 6) + ((6 - 1) * 20px)); }
@media (max-width:640px) {
  .tab-system .tab-wrapper .tab-content__hold--images { width: 100%; }
}
.tab-system .tab-wrapper .tab-content__hold--images img { display: block; }
.tab-system .tab-wrapper .tab-content__hold--images .two-column { display: flex; flex-direction: column; width: calc((((100% - (5 * 20px))/6) * 2) + ((2 - 1) * 20px)); }
.tab-system .tab-wrapper .tab-content__hold--images .two-column img + img { margin-top: 21px; }
.tab-system .tab-wrapper .tab-content__hold--images .three-column { width: calc((((100% - (5 * 20px))/6) * 3) + ((3 - 1) * 20px)); }
.tab-system .tab-wrapper .tab-content__hold--images .four-column { width: calc((((100% - (5 * 20px))/6) * 4) + ((4 - 1) * 20px)); }
.tab-system .tab-wrapper .tab-content__hold--text { width: calc((((100% - (11 * 20px))/12) * 5) + ((5 - 1) * 20px)); }
@media (max-width:850px) {
  .tab-system .tab-wrapper .tab-content__hold--text { padding-left: 20px; width: calc((((100% - (11 * 20px))/12) * 6) + ((6 - 1) * 20px)); }
}
@media (max-width:640px) {
  .tab-system .tab-wrapper .tab-content__hold--text { margin-top: 32px; padding-left: 0; width: 100%; }
}
.tab-system .tab-wrapper .tab-content__hold--text h1, .tab-system .tab-wrapper .tab-content__hold--text h2, .tab-system .tab-wrapper .tab-content__hold--text h3, .tab-system .tab-wrapper .tab-content__hold--text h4, .tab-system .tab-wrapper .tab-content__hold--text h5, .tab-system .tab-wrapper .tab-content__hold--text h6 { margin: 0 0 32px; }
.tab-system .tab-wrapper .tab-content__hold--text p { margin-top: 0; }
.tab-system .tab-wrapper .tab-content__hold--text p + p { margin-top: 1.2em; }
.tab-system .tab-wrapper .tab-content__hold--text p, .tab-system .tab-wrapper .tab-content__hold--text span, .tab-system .tab-wrapper .tab-content__hold--text ol li, .tab-system .tab-wrapper .tab-content__hold--text ul li { font-family: 'Outfit', sans-serif; font-size: 18px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; }
.tab-system .tab-wrapper .tab-content-links { margin-top: 40px; }
.tab-system .tab-wrapper .tab-content-links > div + div { margin-top: 16px; }
.tab-system { margin: 100px auto; width: 100%; position: relative; max-width: 1840px; padding-left: 20px; padding-right: 20px; }
.home .tab-system { margin-top: 0; }
.tab-system .tabs { list-style: none; margin: 0; padding: 0; display: flex; position: absolute; width: calc(100% - 40px); z-index: 1; transition: all 0.325s ease-in-out; }
.tab-system .tabs > li { font-family: 'Outfit', sans-serif; font-size: 22px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.18; letter-spacing: normal; align-items: center; border-bottom: 2px solid var(--medium-grey); color: var(--earth); cursor: pointer; display: flex; flex: 1; height: 110px; justify-content: center; background-color: var(--light-grey); padding: 10px 20px; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.tab-system .tabs > li:hover { background-color: #E3EAF1; border-color: var(--sky-blue); }
.tab-system .tabs > li.active-tab { background-color: var(--light-blue); border-color: var(--sky-blue); }
.tab-system.no-tabs .tabs { display: none; }
.tab-system .tab-wrapper { padding: 110px 0 0 0; list-style: none; margin: 0; background-color: var(--light-grey); }
.tab-system.no-tabs .tab-wrapper { padding-top: 0; }
.tab-system .tab-wrapper > li:not(:first-of-type) { display: none; }
.tab-system .tab-wrapper > li { padding: 120px 60px; }
.tab-system .tab-wrapper > li h1 { margin-top: 0; }
body.sticky-tabs .tab-system .tabs, body.sticky-tabs-scrolling .tab-system .tabs { position: fixed;  /*top:118px;*/ max-width: 1800px; margin-right: auto; margin-left: auto; }
body.sticky-tabs .tab-system .tabs li, body.sticky-tabs-scrolling .tab-system .tabs li { height: 60px; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
body.sticky-tabs .tab-system .tab-wrapper, body.sticky-tabs-scrolling .tab-system .tab-wrapper { padding-top: 110px; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.tab-system .tabs::-webkit-scrollbar { width: 2px; height: 2px; }
.tab-system .tabs::-webkit-scrollbar-track { box-shadow: inset 0 0 1px grey; }
.tab-system .tabs::-webkit-scrollbar-thumb { background: var(--earth); }
@media (max-width:640px) {
  .tab-system .tab-wrapper > li { padding: 80px 0px; }
}
header.desktop { background-color: #FFF; left: 0; position: fixed; right: 0; top: 0; z-index: 20; -webkit-transition: all 0.325s ease-in-out; -moz-transition: all 0.325s ease-in-out; -o-transition: all 0.325s ease-in-out; transition: all 0.325s ease-in-out; }
header.desktop .container, header.desktop .tab-system .tab-wrapper > li, .tab-system header.desktop .tab-wrapper > li { align-items: center; display: flex; height: 100%; justify-content: flex-end; max-width: 1800px; padding: 0 20px; }
header.desktop .container .logo, header.desktop .tab-system .tab-wrapper > li .logo, .tab-system header.desktop .tab-wrapper > li .logo { margin-right: auto; padding: 0 20px; -webkit-transition: all 0.325s ease-in-out; -moz-transition: all 0.325s ease-in-out; -o-transition: all 0.325s ease-in-out; transition: all 0.325s ease-in-out; }
header.desktop .container .logo:hover, header.desktop .tab-system .tab-wrapper > li .logo:hover, .tab-system header.desktop .tab-wrapper > li .logo:hover { opacity: 0.5; }
header.desktop .container .logo img, header.desktop .tab-system .tab-wrapper > li .logo img, .tab-system header.desktop .tab-wrapper > li .logo img, header.desktop .container .logo svg, header.desktop .tab-system .tab-wrapper > li .logo svg, .tab-system header.desktop .tab-wrapper > li .logo svg { display: block; height: 27px; width: 170px; }
header.desktop .container nav, header.desktop .tab-system .tab-wrapper > li nav, .tab-system header.desktop .tab-wrapper > li nav { align-items: center; display: flex; }
header.desktop .container nav ul, header.desktop .tab-system .tab-wrapper > li nav ul, .tab-system header.desktop .tab-wrapper > li nav ul { list-style: none; margin: 0; padding: 0; }
header.desktop .container nav > ul, header.desktop .tab-system .tab-wrapper > li nav > ul, .tab-system header.desktop .tab-wrapper > li nav > ul { display: flex; justify-content: flex-end; }
header.desktop .container nav > ul > li, header.desktop .tab-system .tab-wrapper > li nav > ul > li, .tab-system header.desktop .tab-wrapper > li nav > ul > li { display: inline-block; padding: 0; position: relative; }
header.desktop .container nav > ul > li:last-of-type > ul, header.desktop .tab-system .tab-wrapper > li nav > ul > li:last-of-type > ul, .tab-system header.desktop .tab-wrapper > li nav > ul > li:last-of-type > ul { left: unset; right: 0; transform: translateX(0); }
header.desktop .container nav > ul > li a, header.desktop .tab-system .tab-wrapper > li nav > ul > li a, .tab-system header.desktop .tab-wrapper > li nav > ul > li a { color: var(--earth); font-family: 'Outfit', sans-serif; font-size: 18px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; display: block; padding: 30.5px 20px; position: relative; z-index: 10; }
header.desktop .container nav > ul > li > a, header.desktop .tab-system .tab-wrapper > li nav > ul > li > a, .tab-system header.desktop .tab-wrapper > li nav > ul > li > a { white-space: nowrap; }
header.desktop .container nav > ul > li:hover > a, header.desktop .tab-system .tab-wrapper > li nav > ul > li:hover > a, .tab-system header.desktop .tab-wrapper > li nav > ul > li:hover > a { background-color: var(--light-grey); }
header.desktop .container nav > ul > li:hover > ul, header.desktop .tab-system .tab-wrapper > li nav > ul > li:hover > ul, .tab-system header.desktop .tab-wrapper > li nav > ul > li:hover > ul { opacity: 1; pointer-events: all; transition-delay: 0s, 0s, 0.3s; visibility: visible; }
header.desktop .container nav > ul > li > ul, header.desktop .tab-system .tab-wrapper > li nav > ul > li > ul, .tab-system header.desktop .tab-wrapper > li nav > ul > li > ul { background: #FFF; border: 2px solid var(--light-grey); border-bottom: 0; left: 50%; min-width: 340px; opacity: 0; padding: 0; position: absolute; pointer-events: none; top: 84px; -webkit-transition: all 0.325s ease-in-out; -moz-transition: all 0.325s ease-in-out; -o-transition: all 0.325s ease-in-out; transition: all 0.325s ease-in-out; transform: translateX(-50%); visibility: hidden; z-index: 9; }
header.desktop .container nav > ul > li > ul > li, header.desktop .tab-system .tab-wrapper > li nav > ul > li > ul > li, .tab-system header.desktop .tab-wrapper > li nav > ul > li > ul > li { border-bottom: 2px solid var(--light-grey); position: relative; -webkit-transition: all 0.325s ease-in-out; -moz-transition: all 0.325s ease-in-out; -o-transition: all 0.325s ease-in-out; transition: all 0.325s ease-in-out; }
header.desktop .container nav > ul > li > ul > li:hover, header.desktop .tab-system .tab-wrapper > li nav > ul > li > ul > li:hover, .tab-system header.desktop .tab-wrapper > li nav > ul > li > ul > li:hover { background-color: var(--light-blue); border-color: var(--sky-blue); }
header.desktop .container nav > ul > li > ul > li:hover > a, header.desktop .tab-system .tab-wrapper > li nav > ul > li > ul > li:hover > a, .tab-system header.desktop .tab-wrapper > li nav > ul > li > ul > li:hover > a { font-weight: bold; }
header.desktop .container nav > ul > li > ul > li a, header.desktop .tab-system .tab-wrapper > li nav > ul > li > ul > li a, .tab-system header.desktop .tab-wrapper > li nav > ul > li > ul > li a { font-family: 'Outfit', sans-serif; font-size: 18px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--earth); display: block; padding: 13px 20px; -webkit-transition: all 0.325s ease-in-out; -moz-transition: all 0.325s ease-in-out; -o-transition: all 0.325s ease-in-out; transition: all 0.325s ease-in-out; }
header.desktop .container nav > ul > li > ul > li:hover > ul, header.desktop .tab-system .tab-wrapper > li nav > ul > li > ul > li:hover > ul, .tab-system header.desktop .tab-wrapper > li nav > ul > li > ul > li:hover > ul { opacity: 1; pointer-events: all; transition-delay: 0s, 0s, 0.3s; visibility: visible; }
header.desktop .container nav > ul > li > ul > li ul, header.desktop .tab-system .tab-wrapper > li nav > ul > li > ul > li ul, .tab-system header.desktop .tab-wrapper > li nav > ul > li > ul > li ul { background: #FFF; border: 2px solid var(--light-grey); border-bottom: 0; left: 150%; min-width: 335px; opacity: 0; pointer-events: none; position: absolute; top: -2px; -webkit-transition: all 0.325s ease-in-out; -moz-transition: all 0.325s ease-in-out; -o-transition: all 0.325s ease-in-out; transition: all 0.325s ease-in-out; transform: translateX(-50%); visibility: hidden; z-index: 9; }
header.desktop .container nav > ul > li > ul > li ul > li, header.desktop .tab-system .tab-wrapper > li nav > ul > li > ul > li ul > li, .tab-system header.desktop .tab-wrapper > li nav > ul > li > ul > li ul > li { border-bottom: 2px solid var(--light-grey); position: relative; -webkit-transition: all 0.325s ease-in-out; -moz-transition: all 0.325s ease-in-out; -o-transition: all 0.325s ease-in-out; transition: all 0.325s ease-in-out; }
header.desktop .container nav > ul > li > ul > li ul > li:hover, header.desktop .tab-system .tab-wrapper > li nav > ul > li > ul > li ul > li:hover, .tab-system header.desktop .tab-wrapper > li nav > ul > li > ul > li ul > li:hover { background-color: var(--light-blue); border-color: var(--sky-blue); }
header.desktop .container nav > ul > li > ul > li ul > li:hover > a, header.desktop .tab-system .tab-wrapper > li nav > ul > li > ul > li ul > li:hover > a, .tab-system header.desktop .tab-wrapper > li nav > ul > li > ul > li ul > li:hover > a { font-weight: bold; }
.navigation-bar { -webkit-transition: all 0.325s ease-in-out; -moz-transition: all 0.325s ease-in-out; -o-transition: all 0.325s ease-in-out; transition: all 0.325s ease-in-out; }
.navigation-bar__top { border-bottom: 1px solid var(--light-grey); height: 34px; -webkit-transition: all 0.325s ease-in-out; -moz-transition: all 0.325s ease-in-out; -o-transition: all 0.325s ease-in-out; transition: all 0.325s ease-in-out; }
.navigation-bar__top > .container, .tab-system .tab-wrapper.navigation-bar__top > li { align-items: center; display: flex; height: 100%; justify-content: flex-end; }
.navigation-bar__top > .container > div, .tab-system .tab-wrapper.navigation-bar__top > li > div { font-family: 'Outfit', sans-serif; font-size: 16px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--dark-grey); padding: 0 12px; }
.navigation-bar__top > .container > div span, .tab-system .tab-wrapper.navigation-bar__top > li > div span { color: var(--sky-blue); }
.navigation-bar__top > .container > div:last-of-type, .tab-system .tab-wrapper.navigation-bar__top > li > div:last-of-type { padding-right: 0; }
.navigation-bar__bottom { height: 84px; -webkit-transition: all 0.325s ease-in-out; -moz-transition: all 0.325s ease-in-out; -o-transition: all 0.325s ease-in-out; transition: all 0.325s ease-in-out; }
.navigation-bar__bottom > .container, .tab-system .tab-wrapper.navigation-bar__bottom > li { padding-left: 0 !important; padding-right: 0 !important; }
.scrolled header.desktop { top: -34px; }
.scrolled header.desktop .navigation-bar__bottom { height: 58px; }
.scrolled header.desktop .container nav > ul > li > a, .scrolled header.desktop .tab-system .tab-wrapper > li nav > ul > li > a, .tab-system .scrolled header.desktop .tab-wrapper > li nav > ul > li > a { padding: 18px 20px; }
.scrolled header.desktop .container nav > ul > li > ul, .scrolled header.desktop .tab-system .tab-wrapper > li nav > ul > li > ul, .tab-system .scrolled header.desktop .tab-wrapper > li nav > ul > li > ul { top: 58px; }
header.mobile { display: none; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 1000; pointer-events: none; height: 100%; }
header.mobile .head { display: flex; justify-content: space-between; height: 80px; align-items: center; padding: 0px 20px; background-color: #FFF; -webkit-transition: all 0.325s ease-in-out; -moz-transition: all 0.325s ease-in-out; -o-transition: all 0.325s ease-in-out; transition: all 0.325s ease-in-out; pointer-events: all; }
@media screen and (max-width:550px) {
  header.mobile .head { padding: 0 16px; }
}
header.mobile .head .logo a { display: flex; position: relative; }
header.mobile .head .logo img { position: relative; width: 142px; }
header.mobile .head .logo img:nth-of-type(1) { display: block; }
header.mobile .head .logo img:nth-of-type(2) { display: none; }
header.mobile .head .menu-icon { position: relative; width: 50px; height: 35px; -webkit-transition: all 0.325s ease-in-out; -moz-transition: all 0.325s ease-in-out; -o-transition: all 0.325s ease-in-out; transition: all 0.325s ease-in-out; cursor: pointer; pointer-events: all; z-index: 100; }
header.mobile .head .menu-icon span { height: 3px; width: 100%; background-color: var(--earth); margin-bottom: 13px; display: block; -webkit-transition: all 0.325s ease-in-out; -moz-transition: all 0.325s ease-in-out; -o-transition: all 0.325s ease-in-out; transition: all 0.325s ease-in-out; }
header.mobile .head .menu-icon span:last-of-type { margin-bottom: 0px; position: absolute; bottom: 0; left: 0; }
header.mobile .mobile-menu { position: relative; padding-bottom: 0; background-color: #FFF; height: calc(100% - 74px);    /*height: calc((var(--vh, 1vh) * 100) - 74px);*/ transform: translateX(-200%); -webkit-transition: all 0.325s ease-in-out; -moz-transition: all 0.325s ease-in-out; -o-transition: all 0.325s ease-in-out; transition: all 0.325s ease-in-out; }
@media (max-width:350px) {
  header.mobile .mobile-menu { height: calc(100vh - 44px); height: calc((var(--vh, 1vh) * 100) - 44px); }
}
header.mobile .mobile-menu nav { overflow-y: auto; height: calc(100% - 185px);      /* max-height: calc(100vh - 130px); max-height: calc((var(--vh, 1vh) * 100) - 130px); max-height: calc(100vh - 60px); max-height: calc((var(--vh, 1vh) * 100) - 60px);*/ }
header.mobile .mobile-menu nav ul.top { list-style: none; margin: 0px; padding: 20px; }
header.mobile .mobile-menu nav ul.top > li > a { font-family: 'Outfit', sans-serif; font-size: 26px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.19; letter-spacing: normal; color: var(--earth); margin: 0; display: flex; justify-content: space-between; padding: 9px 0px; }
header.mobile .mobile-menu nav ul.top > li > a.has-submenu::after { align-self: center; color: #000; content: '\2b'; font-family: "Font Awesome 6 Sharp"; -webkit-font-smoothing: antialiased; font-size: 28px; font-weight: 300; position: relative; line-height: 1; }
header.mobile .mobile-menu nav ul.top > li > a.has-submenu.show::after { content: '\f068'; font-size: 28px; }
header.mobile .mobile-menu nav ul.sub { display: none; background-color: #FFF; list-style: none; margin: 4px 0px 12px; padding: 0; }
header.mobile .mobile-menu nav ul.sub > li > a { font-family: 'Outfit', sans-serif; font-size: 20px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; margin-bottom: 20px; color: var(--earth); margin: 0; display: flex; justify-content: space-between; padding: 7px 0px; }
header.mobile .mobile-menu nav ul.sub > li > a.has-submenu::after { align-self: center; color: #000; content: '\2b'; font-family: "Font Awesome 6 Sharp"; -webkit-font-smoothing: antialiased; font-size: 22px; font-weight: 300; position: relative; line-height: 1; transition: all .275s ease-in-out; }
header.mobile .mobile-menu nav ul.sub > li > a.has-submenu.show::after { content: '\f068'; font-size: 22px; }
header.mobile .mobile-menu nav ul.subsub { display: none; list-style: none; margin: 4px 0px 12px; padding: 0 0 0 24px; }
header.mobile .mobile-menu nav ul.subsub > li > a { font-family: 'Outfit', sans-serif; font-size: 20px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; margin-bottom: 20px; color: var(--earth); font-weight: 600; margin: 0; padding: 7px 0px; display: block; width: 100%; }
header.mobile .mobile-menu .bottom { position: absolute; bottom: 0px; left: 0px; right: 0px; height: 185px; padding: 30px 20px; }
header.mobile .mobile-menu .bottom .flex { margin-top: 30px; }
header.mobile .mobile-menu .bottom .stock-info { display: block; margin-bottom: 32px; width: 100%; }
header.mobile .mobile-menu .bottom .stock-info > div { font-family: 'Outfit', sans-serif; font-size: 14px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; padding: 0; }
header.mobile .mobile-menu .bottom .stock-info > div + div { margin-top: 4px; }
header.mobile .mobile-menu .bottom .stock-info > div span { color: var(--sky-blue); }
header.mobile.open { pointer-events: all; }
header.mobile.open .head .menu-icon { width: 35px; height: 37px; }
header.mobile.open .head .menu-icon span { -webkit-transition: all 0.325s ease-in-out; -moz-transition: all 0.325s ease-in-out; -o-transition: all 0.325s ease-in-out; transition: all 0.325s ease-in-out; }
header.mobile.open .head .menu-icon span:nth-of-type(1) { width: 50px; position: absolute; top: 0px; left: 0px; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
header.mobile.open .head .menu-icon span:nth-of-type(2) { position: absolute; width: 0px; height: 0px; top: 50%; opacity: 0; }
header.mobile.open .head .menu-icon span:nth-of-type(3) { width: 50px; position: absolute; bottom: 0px; left: 0px; -webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
header.mobile.open .head .logo a img:nth-of-type(1) { display: none; }
header.mobile.open .head .logo a img:nth-of-type(2) { display: block; }
header.mobile.open .mobile-menu { transform: translateX(0); }
header.mobile.sticky .head { background-color: var(--sky-blue); }

/* MEDIA QUERIES */
@media (max-width:2040px) {
  header.desktop .bottom .container, header.desktop .bottom .tab-system .tab-wrapper > li, .tab-system header.desktop .bottom .tab-wrapper > li { padding-left: 50px; padding-right: 50px; width: 100%; }
}
@media screen and (max-width:1024px) {
  header.desktop { display: none !important; }
  header.mobile { display: block !important; }
}

/* EMAIL SIGNUP */
#signup-form { margin-bottom: 50px; }
#signup-form input:-webkit-autofill, #signup-form input:-webkit-autofill:hover, #signup-form input:-webkit-autofill:focus, #signup-form input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; -webkit-text-fill-color: #FFF !important; }
#signup-form h4 { color: #FFF; margin: 0 0 36px; }
#signup-form input[type="text"] { background-color: var(--near-black); border-bottom: solid 2px var(--light-grey); color: var(--medium-grey); font-size: 16px; font-weight: 300; font-stretch: normal; font-style: normal; height: 40px; line-height: normal; letter-spacing: normal; margin: 0; padding: 0 12px; width: 100%; }
#signup-form input[type="submit"] { display: none; visibility: hidden; }
#signup-form .input-fields { display: flex; position: relative; width: 338px; }
@media (max-width:767px) {
  #signup-form .input-fields { width: 100%; }
}
#signup-form .input-fields > div { width: 100%; }
#signup-form label { align-self: flex-end; display: inline-flex; height: 14px; margin-left: 20px; position: absolute; right: 12px; top: 13px; width: 9px; }
#signup-form svg { cursor: pointer; height: 14px; width: 9px; -webkit-transition: all 0.325s ease-in-out; -moz-transition: all 0.325s ease-in-out; -o-transition: all 0.325s ease-in-out; transition: all 0.325s ease-in-out; }
.signup-message { color: #FFF; }
.grecaptcha-badge { display: none !important; z-index: 100; }
.grecaptcha-badge.show { display: block !important; visibility: visible !important; }
#consent-modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; z-index: 100000; opacity: 0; display: none; pointer-events: none; transition: all 0.25s ease-in-out; }
#consent-modal.show { opacity: 1; display: flex; pointer-events: all; overflow-y: hidden; }
#consent-modal::before { content: ''; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100000; background-color: #000000; opacity: 0.5; }
#consent-modal > div { box-sizing: border-box; position: relative; z-index: 100001; width: 100%; max-width: 700px; background-color: #ffffff;  /*border: solid 1px #000000;*/ box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2); padding: 40px 80px 40px 30px; }
#consent-modal .close { position: absolute; top: 10px; right: 20px; cursor: pointer; display: block; }
#consent-modal .close span { text-decoration: underline; }
#consent-modal .close::after { content: '\f00d'; margin-left: 6px; font-family: "Font Awesome 6 Pro"; display: inline-block; }
#consent-modal .content { display: flex; -webkit-align-items: flex-start; align-items: flex-start; }
#consent-modal .content > div *:first-child { margin-top: 0px; }
#consent-modal input[type="checkbox"] { -webkit-appearance: checkbox; margin: 10px 20px 0px 0px; min-width: 20px; }
@media screen and (max-width:767px) {
  #consent-modal > div { padding: 40px 40px 40px 20px; }
}

/* OUR PROPERTIES */
#our-properties { margin-top: 48px; margin-bottom: 40px; }
#our-properties .property { display: flex; flex-direction: column; -webkit-flex-basis: calc((100% / 3) - (40px / 3)); flex-basis: calc((100% / 3) - (40px / 3)); margin-right: 20px; border-top: 2px solid #636466; background-color: #EDF2F6; color: #606870; }
#our-properties .property:last-of-type { margin-right: 0; }
#our-properties .property:hover { background-color: #E3EAF1; }
#our-properties .property:nth-of-type(1) { border-color: #00B6DE; }
#our-properties .property:nth-of-type(2) { border-color: #E98033; }
#our-properties .property .details { display: flex; flex-direction: column; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-basis: calc(100% - 440px); flex-basis: calc(100% - 440px); padding: 56px 42px 36px 42px; min-height: 300px; }
#our-properties .property .details p { margin: 0; font-size: 18px; }
#our-properties .property .details p:first-of-type { font-weight: 500; }
#our-properties .property .details p strong { font-size: 32px; line-height: 36px; }
@media (max-width:768px) {
  #our-properties .property .details { -webkit-flex-basis: calc(100% - 256px); flex-basis: calc(100% - 256px); padding: 42px 26px; min-height: 250px; }
}
#our-properties .property .image { -webkit-flex-basis: 440px; flex-basis: 440px; background-repeat: no-repeat; background-size: cover; background-position: center; }
@media (max-width:768px) {
  #our-properties .property .image { -webkit-flex-basis: 256px; flex-basis: 256px; }
}
@media (max-width:1024px) {
  #our-properties .property { -webkit-flex-basis: 100%; flex-basis: 100%; margin-right: 0; margin-bottom: 16px; }
}
@media (max-width:1024px) {
  #our-properties { padding-left: 20px; padding-right: 20px; }
}

/* FOOTER */
footer { background-color: var(--earth); position: relative; }
footer:before { content: ''; background-repeat: no-repeat; background-image: url(../../../../_resources/backgrounds/footer-bg-static.png); background-size: 695px 705px; height: 705px; position: absolute; top: 0; bottom: 0; right: 80px; width: 695px; z-index: 3; }
@media (max-width:1280px) {
  footer:before { right: 40px; }
}
@media (max-width:1024px) {
  footer:before { right: -90px; }
}
@media (max-width:900px) {
  footer:before { background-size: 487px 494px; height: 494px; width: 487px; }
}
@media (max-width:767px) {
  footer:before { background-size: 279px 283px; bottom: 70px; height: 283px; right: 20px; top: unset; width: 279px; }
}
@media (max-width:480px) {
  footer:before { right: -32px; }
}
footer nav ul { display: grid; column-gap: 20px; grid-template-columns: repeat(2, calc((((100% - (11 * 20px))/12) * 2) + ((2 - 1) * 20px))); grid-template-rows: repeat(4, auto); grid-auto-flow: column; margin: 0; padding-left: 0; }
@media (max-width:900px) {
  footer nav ul { grid-template-columns: repeat(2, calc((((100% - (11 * 20px))/12) * 3) + ((3 - 1) * 20px))); }
}
@media (max-width:767px) {
  footer nav ul { display: block; grid-template-columns: unset; grid-template-rows: unset; grid-auto-flow: unset; }
}
footer nav ul li { margin: 10px 0; }
footer nav ul li a { color: #FFF; }
footer .footer-top { padding-top: 176px; height: 605px; position: relative; z-index: 2; }
@media (max-width:900px) {
  footer .footer-top { height: 424px; padding-top: 52px; }
}
@media (max-width:767px) {
  footer .footer-top { padding-bottom: 32px; padding-top: 48px; height: auto; }
}
footer .footer-bottom { background-color: var(--near-black); height: 100px; overflow: hidden; position: relative; z-index: 2; }
@media (max-width:900px) {
  footer .footer-bottom { height: 70px; }
}
@media (max-width:400px) {
  footer .footer-bottom { height: auto; padding-bottom: 8px; padding-top: 12px; }
}
footer .footer-bottom__links { align-items: center; display: flex; height: 100%; }
@media (max-width:550px) {
  footer .footer-bottom__links { justify-content: space-between; }
}
@media (max-width:400px) {
  footer .footer-bottom__links { flex-wrap: wrap; justify-content: flex-start; }
}
footer .footer-bottom__links span { font-family: 'Outfit', sans-serif; font-size: 13px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--medium-grey); margin-left: auto; }
footer .footer-bottom__links a { font-family: 'Outfit', sans-serif; font-size: 13px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--medium-grey); margin: 0; }
footer .footer-bottom__links--left a { margin-right: 18px; }
footer .footer-bottom__links--left i { color: #FFF; font-size: 22px; -webkit-transition: all 0.325s ease-in-out; -moz-transition: all 0.325s ease-in-out; -o-transition: all 0.325s ease-in-out; transition: all 0.325s ease-in-out; }
@media (max-width:480px) {
  footer .footer-bottom__links--left i { font-size: 16px; }
}
footer .footer-bottom__links--right { margin-left: 70px; }
@media (max-width:550px) {
  footer .footer-bottom__links--right { margin-left: 0px; }
}
@media (max-width:400px) {
  footer .footer-bottom__links--right { margin-top: 4px; width: 100%; }
}
footer .footer-bottom__links--right a { margin-left: 36px; margin-right: 0; }
@media (max-width:400px) {
  footer .footer-bottom__links--right a { margin-left: 0; margin-right: 32px; }
}
main.main { margin-bottom: 80px; }
.bleed { background-color: var(--light-grey); box-shadow: 0 0 0 80px var(--light-grey); clip-path: inset(0 -80px); }
.embedded-video { position: relative; margin-top: 2rem; margin-bottom: 2rem; width: 100%; padding-bottom: 57.66%; }
.embedded-video iframe { position: absolute; width: 100%; height: 100%; }

/********************************/

/***** Inner Page Hero Banner ***/

/********************************/
.hero__background { background-image: url(../../../../_resources/banners/banner_inner.jpg); }
body.cat-about .hero__background { background-image: url(../../../../_resources/banners/history_of_taseko.jpg); }
body.cat-investors .hero__background { background-image: url(../../../../_resources/banners/investor-overview.jpg); }
body.cat-properties .hero__background { background-image: url(../../../../_resources/banners/yellowhead.jpg); }
body.str-construction-updates .hero__background { background-image: url(../../../../_resources/banners/construction-updates.jpg); }
body.str-gibraltar-mine .hero__background { background-image: url(../../../../_resources/banners/gibraltar.jpg); background-position: top center; }
body.cat-sustainability .hero__background { background-image: url(../../../../_resources/banners/sustainability.jpg); }
body.cat-about .hero__background { background-image: url(../../../../_resources/banners/history_of_taseko.jpg); }
body.str-history-of-taseko .hero__background { background-image: url(../../../../_resources/banners/history_of_taseko.jpg); }
body.str-corporate-giving .hero__background { background-image: url(../../../../_resources/banners/corporate_giving_2.jpg); }
body.str-corporate-recognition .hero__background { background-image: url(../../../../_resources/banners/corporate_recognition.jpg); }
body.str-careers .hero__background { background-image: url(../../../../_resources/banners/careers.jpg); }
body.str-copper-and-the-energy-transition .hero__background { background-image: url(../../../../_resources/banners/copper_and_the_energy_transition.jpg); }
@media screen and (max-width:640px) {
  .hero__background { background-image: url(../../../../_resources/banners/banner_inner_mobile.jpg); }
  body.cat-about .hero__background { background-image: url(../../../../_resources/banners/history_of_taseko_mobile.jpg); }
  body.str-history-of-taseko .hero__background { background-image: url(../../../../_resources/banners/history_of_taseko_mobile.jpg); }
  body.str-corporate-giving .hero__background { background-image: url(../../../../_resources/banners/corporate_giving_mobile.jpg); }
  body.str-corporate-recognition .hero__background { background-image: url(../../../../_resources/banners/corporate_recognition_mobile.jpg); }
  body.str-careers .hero__background { background-image: url(../../../../_resources/banners/careers_mobile.jpg); }
}
body.cat-sustainability .hero-jumbo__background { background-image: url(../../../../_resources/banners/sustainability.jpg); }
body.cat-taseko-talks .hero-jumbo__background { background-image: url(../../../../_resources/banners/taseko-talks.jpg); }
.full-width { width: calc(100vw - 180px); position: relative; margin-left: calc((-50vw + 90px)); margin-right: 0; }
@media screen and (max-width:1280px) {
  .full-width { width: calc(100vw - 90px); margin-left: calc((-50vw + 45px)); }
}
@media screen and (max-width:850px) {
  .full-width { width: 100%; margin-left: 0; }
}
.hero-jumbo, .hero { --header-height: 118px; --mobile-header-height: 68px; position: relative; margin-bottom: 120px; }
.hero-jumbo h1, .hero-jumbo h2, .hero-jumbo p, .hero h1, .hero h2, .hero p { color: #fff; }
.hero__background { position: absolute; inset: var(--header-height) 0 0 0; width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }
.hero__content { min-height: 590px; display: flex; align-items: flex-end; }
.hero__headline { max-width: 800px; }
.hero__headline h1 { margin-bottom: 78px; }
@media screen and (max-width:1024px) {
  .hero { margin-bottom: 80px; }
  .hero__background { inset: var(--mobile-header-height) 0 0 0; }
  .hero__content { min-height: 398px; }
  .hero__headline h1 { margin-bottom: 48px; }
}
.hero-jumbo__background { position: absolute; top: var(--header-height); left: 0; right: 0; bottom: 56px; width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }
.hero-jumbo__content { min-height: calc(100vh + 56px); display: flex; justify-content: space-between; align-items: flex-end; }
.hero-jumbo__headline { position: relative; max-width: 630px; height: 180px; margin-bottom: 136px;  /*&::after {
          content: url(../img/thin-arrow.svg);
          position: absolute;
          bottom: 0;
          width: 40px; height: 16px;
        }*/ }
  .hero-jumbo__headline h1 { margin: 0 0 80px; }
  .hero-jumbo__card { max-width: 630px; width: 50%; opacity: 0; transform: translateY(200px); }
  .hero-jumbo__card > div { background-color: var(--light-blue); border-bottom: 2px solid var(--medium-blue); padding: 56px; }
  .hero-jumbo__card h4 { margin: 0 0 12px 0; }
  .hero-jumbo__card p { margin: 12px 0 0; color: var(--dark-grey); }
  @media screen and (max-width:1024px) {
    .hero-jumbo { margin-bottom: 80px; }
    .hero-jumbo__background { top: var(--mobile-header-height); bottom: unset; height: 568px; }
    .hero-jumbo__content { padding-top: 440px; min-height: unset; flex-direction: column; align-items: stretch; justify-content: flex-end; }
    .hero-jumbo__headline { height: 110px; margin-bottom: 45px; }
    .hero-jumbo__headline h1 { margin: 0 0 40px; }
    .hero-jumbo__card { width: 100%; padding: 40px 20px; }
  }
  .highlight-cards-3x { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 80px; }
  .highlight-cards-3x .basic-card { background-color: var(--light-grey); padding: 32px; width: calc((((100% - (11 * 20px))/12) * 4) + ((4 - 1) * 20px)); margin-bottom: 24px; }
  .highlight-cards-3x .basic-card p { font-family: 'Outfit', sans-serif; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--dark-grey); margin: 0; }
  .highlight-cards-3x .basic-card h4 { margin: 0 0 24px; min-height: 72px; }
  @media screen and (max-width:1024px) {
    .highlight-cards-3x { margin-top: 48px; }
    .highlight-cards-3x .basic-card { padding: 32px 20px; width: 100%; }
    .highlight-cards-3x .basic-card h4 { min-height: auto; margin-bottom: 20px; }
  }

  /******************************************/

  /*****      Sustainability Page      ******/

  /******************************************/
  body.cat-sustainability .flex-block { display: flex; }
  body.cat-sustainability .flex-block p { font-family: 'Outfit', sans-serif; font-size: 18px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; }
  body.cat-sustainability .flex-block h3:first-child, body.cat-sustainability .flex-block h4:first-child, body.cat-sustainability .flex-block p { margin-top: 0; }
  body.cat-sustainability .flex-block h5 { margin-bottom: 24px; }
  body.cat-sustainability .flex-block .left-col { flex-basis: calc(50% - 50px); margin-bottom: 56px; margin-right: auto; }
  body.cat-sustainability .flex-block .right-col { flex-basis: calc((((100% - (11 * 20px))/12) * 6) + ((6 - 1) * 20px)); margin-bottom: 56px; margin-left: auto; }
  @media screen and (max-width:850px) {
    body.cat-sustainability .flex-block { display: block; }
    body.cat-sustainability .flex-block p { font-family: 'Outfit', sans-serif; font-size: 16px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; }
  }
  body.cat-sustainability .esg-downloads { background-color: var(--light-grey); box-shadow: 0 0 0 80px var(--light-grey); clip-path: inset(0 -80px); margin-top: 80px; padding: 80px 0; justify-content: space-between; }
  body.cat-sustainability .esg-downloads .container > div, body.cat-sustainability .esg-downloads .tab-system .tab-wrapper > li > div, .tab-system body.cat-sustainability .esg-downloads .tab-wrapper > li > div { flex: 0 0 calc(50% - 48px); margin-bottom: 20px; }
  body.cat-sustainability .esg-downloads .download-item { box-shadow: inset 0 -2px 0 0 var(--medium-grey); margin-bottom: 20px; display: flex; align-items: center; }
  body.cat-sustainability .esg-downloads .download-item img { margin-right: 32px; display: block; height: 140px; width: 140px; object-fit: cover; }
  body.cat-sustainability .esg-downloads .view-all-reports { margin-top: 64px; }
  @media screen and (max-width:850px) {
    body.cat-sustainability .esg-downloads { margin-top: 64px; padding: 32px 0 48px; }
    body.cat-sustainability .esg-downloads .container, body.cat-sustainability .esg-downloads .tab-system .tab-wrapper > li, .tab-system body.cat-sustainability .esg-downloads .tab-wrapper > li { display: block; }
    body.cat-sustainability .esg-downloads .download-item { padding-bottom: 24px; }
    body.cat-sustainability .esg-downloads .download-item img { margin-right: 24px; height: 72px; width: 72px; }
  }
  body.cat-sustainability .sustainability-summary { background-color: var(--light-grey); margin-top: 80px; margin-bottom: 96px; padding: 72px 0; }
  body.cat-sustainability .sustainability-summary .container > h5, body.cat-sustainability .sustainability-summary .tab-system .tab-wrapper > li > h5, .tab-system body.cat-sustainability .sustainability-summary .tab-wrapper > li > h5 { margin: 0; }
  body.cat-sustainability .sustainability-summary .container > h5 a, body.cat-sustainability .sustainability-summary .tab-system .tab-wrapper > li > h5 a, .tab-system body.cat-sustainability .sustainability-summary .tab-wrapper > li > h5 a { display: inline-block; margin-right: 12px; text-decoration: underline; }
  body.cat-sustainability .sustainability-summary .container > h1, body.cat-sustainability .sustainability-summary .tab-system .tab-wrapper > li > h1, .tab-system body.cat-sustainability .sustainability-summary .tab-wrapper > li > h1 { margin-top: 0; padding-top: 60px; }
  body.cat-sustainability .sustainability-summary .container > p, body.cat-sustainability .sustainability-summary .tab-system .tab-wrapper > li > p, .tab-system body.cat-sustainability .sustainability-summary .tab-wrapper > li > p { max-width: 50%; }
  body.cat-sustainability .sustainability-summary .container .content-image, body.cat-sustainability .sustainability-summary .tab-system .tab-wrapper > li .content-image, .tab-system body.cat-sustainability .sustainability-summary .tab-wrapper > li .content-image { position: relative; box-shadow: inset 0 2px 0 0 var(--sky-blue); border-top: none; min-height: 400px; margin-top: 96px; }
  body.cat-sustainability .sustainability-summary .container .content-image .content, body.cat-sustainability .sustainability-summary .tab-system .tab-wrapper > li .content-image .content, .tab-system body.cat-sustainability .sustainability-summary .tab-wrapper > li .content-image .content { padding-top: 0px; }
  body.cat-sustainability .sustainability-summary .container .content-image h3, body.cat-sustainability .sustainability-summary .tab-system .tab-wrapper > li .content-image h3, .tab-system body.cat-sustainability .sustainability-summary .tab-wrapper > li .content-image h3 { padding-top: 20px; margin-top: 20px; font-size: 34px; line-height: 38px; }
  body.cat-sustainability .sustainability-summary .container .content-image p, body.cat-sustainability .sustainability-summary .tab-system .tab-wrapper > li .content-image p, .tab-system body.cat-sustainability .sustainability-summary .tab-wrapper > li .content-image p { font-family: 'Outfit', sans-serif; font-size: 18px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; }
  body.cat-sustainability .sustainability-summary .container .content-image .image > img, body.cat-sustainability .sustainability-summary .tab-system .tab-wrapper > li .content-image .image > img, .tab-system body.cat-sustainability .sustainability-summary .tab-wrapper > li .content-image .image > img { position: absolute; right: 0; top: 0; width: calc((((100% - (11 * 20px))/12) * 5) + ((5 - 1) * 20px)); height: 400px; object-fit: cover; object-position: center; }
  @media (max-width:850px) {
    body.cat-sustainability .sustainability-summary .container .content-image, body.cat-sustainability .sustainability-summary .tab-system .tab-wrapper > li .content-image, .tab-system body.cat-sustainability .sustainability-summary .tab-wrapper > li .content-image { flex-direction: column-reverse; margin-top: 48px; box-shadow: none; }
    body.cat-sustainability .sustainability-summary .container .content-image p, body.cat-sustainability .sustainability-summary .tab-system .tab-wrapper > li .content-image p, .tab-system body.cat-sustainability .sustainability-summary .tab-wrapper > li .content-image p { font-family: 'Outfit', sans-serif; font-size: 16px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; }
    body.cat-sustainability .sustainability-summary .container .content-image h3, body.cat-sustainability .sustainability-summary .tab-system .tab-wrapper > li .content-image h3, .tab-system body.cat-sustainability .sustainability-summary .tab-wrapper > li .content-image h3 { border-top: 2px solid var(--sky-blue); }
    body.cat-sustainability .sustainability-summary .container .content-image .image > img, body.cat-sustainability .sustainability-summary .tab-system .tab-wrapper > li .content-image .image > img, .tab-system body.cat-sustainability .sustainability-summary .tab-wrapper > li .content-image .image > img { position: static; width: auto; height: auto; max-width: 100%; }
  }
  @media (max-width:850px) {
    body.cat-sustainability .sustainability-summary .container, body.cat-sustainability .sustainability-summary .tab-system .tab-wrapper > li, .tab-system body.cat-sustainability .sustainability-summary .tab-wrapper > li { padding-top: 64px; }
    body.cat-sustainability .sustainability-summary .container > h5 a, body.cat-sustainability .sustainability-summary .tab-system .tab-wrapper > li > h5 a, .tab-system body.cat-sustainability .sustainability-summary .tab-wrapper > li > h5 a { display: block; margin-top: 12px; }
    body.cat-sustainability .sustainability-summary .container > p, body.cat-sustainability .sustainability-summary .tab-system .tab-wrapper > li > p, .tab-system body.cat-sustainability .sustainability-summary .tab-wrapper > li > p { max-width: 100%; }
  }
  @media (max-width:767px) {
    body.cat-sustainability .sustainability-summary { padding-top: 64px; }
  }

  /* IMAGE / CONTENT */
  .content-image { display: flex; border-top: 2px solid #BECBD7; margin-top: 120px; }
  .content-image:first-of-type { border-top: none; margin-top: 0; }
  .content-image > * { -webkit-flex-basis: calc(50% - 10px); flex-basis: calc(50% - 10px); }
  .content-image .content { margin-left: 20px; padding-left: 20px; padding-top: 40px; }
  .content-image:first-of-type .content { padding-top: 0; }
  .content-image.right .content { margin-left: 0; margin-right: 20px; padding-left: 0px; padding-right: 20px; }
  .content-image.right .image { text-align: right; }
  .content-image .content h1, .content-image .content h2, .content-image .content h3, .content-image .content h4, .content-image .content h5 { margin-top: 0; }
  .content-image .content h5 { margin-bottom: 0; font-weight: 500; }
  .content-image .image img { max-width: 630px; }
  @media screen and (max-width:850px) {
    .content-image { flex-wrap: wrap; }
    .content-image .content { -webkit-flex-basis: 100%; flex-basis: 100%; padding-left: 0 !important; padding-right: 0 !important; margin-right: 0 !important; margin-left: 0 !important; }
    .content-image .image { -webkit-flex-basis: 100%; flex-basis: 100%; }
    .content-image.right .image { text-align: left; }
  }

  /* TWO COLUMN */
  .content-columns { display: flex; }
  .content-columns .heading { -webkit-flex-basis: calc(50% - 60px); flex-basis: calc(50% - 60px); margin-right: 60px; }
  .content-columns .content { -webkit-flex-basis: 50%; flex-basis: 50%; }
  .content-columns .content > *:first-of-type { margin-top: 0; }
  .content-columns .heading h4 { margin: 0; }
  body.str-history-of-taseko .content-columns .heading h4 { font-size: 52px; line-height: 56px; }
  @media (max-width:550px) {
    body.str-history-of-taseko .content-columns .heading h4 { font-family: 'Outfit', sans-serif; font-size: 40px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.1; letter-spacing: normal; }
  }
  @media screen and (max-width:850px) {
    .content-columns { display: block; }
    .content-columns .heading { margin-right: 0px; margin-bottom: 30px; }
  }

  /* TASEKO TALKS - 3 POSTS */
  .tt-articles .item { -webkit-flex-basis: calc((100% / 3) - (40px / 3)); flex-basis: calc((100% / 3) - (40px / 3)); display: flex; align-items: center; padding: 34px 36px; margin-right: 20px; color: #606870; background-color: #EDF2F6; border-bottom: 2px solid #BECBD7; }
  .tt-articles .item:last-of-type { margin-right: 0; }
  .tt-articles .item:hover { background-color: #E3EAF1; border-bottom: 2px solid #00B6DE; }
  .tt-articles .item .details { -webkit-flex-basis: calc(100% - 77px); flex-basis: calc(100% - 77px); padding-right: 20px; }
  .tt-articles .item .details .date { font-weight: 500; }
  .tt-articles .item .image { -webkit-flex-basis: 77px; flex-basis: 77px; }
  @media screen and (max-width:1024px) {
    .tt-articles { display: block; }
    .tt-articles .item { padding: 32px 20px; margin-right: 0; margin-bottom: 20px; }
    .tt-articles .item .details { -webkit-flex-basis: calc(100% - 47px); flex-basis: calc(100% - 47px); }
    .tt-articles .item .image { -webkit-flex-basis: 47px; flex-basis: 47px; }
  }

  /******************************************/

  /*****   Taseko Talk Main Page      ******/

  /******************************************/
  body.str-taseko-talks .hero-jumbo { margin-bottom: 0; }
  body.str-taseko-talks.cleanurl .hero-jumbo { display: none; }
  body.str-taseko-talks.cleanurl main { padding-top: 132px; }
  body.str-taseko-talks main > div.container { max-width: 1000px; }
  body.str-taseko-talks .tags { margin: 0; padding: 0; list-style: none; display: inline-flex; row-gap: 4px; column-gap: 16px; flex-wrap: wrap; }
  body.str-taseko-talks .tags li { padding: 0 16px; font-size: 13px; line-height: 24px; text-transform: uppercase; }
  body.str-taseko-talks .tags li:nth-child(odd) { background-color: var(--medium-blue); }
  body.str-taseko-talks .tags li:nth-child(even) { background-color: var(--medium-grey); }
  body.str-taseko-talks .tags-group { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 48px; row-gap: 16px; }
  body.str-taseko-talks .tags-group .article-date { margin: 0 24px 0 0; font-weight: 500; }
  body.str-taseko-talks .featured-image { margin-bottom: 48px; }
  body.str-taseko-talks .featured-image img { width: 100%; height: auto; max-height: 480px; object-fit: cover; object-position: center; }
  body.str-taseko-talks .featured-post { margin-top: -104px; }
  body.str-taseko-talks .featured-post > .hold { background-color: var(--light-grey); display: flex; justify-content: space-between; }
  body.str-taseko-talks .featured-post .tags-heading { display: inline-block; margin-right: 20px; margin-bottom: 20px; }
  body.str-taseko-talks .featured-post__thumbnail { position: relative; flex-basis: calc((((100% - (11 * 20px))/12) * 6) + ((6 - 1) * 20px)); }
  body.str-taseko-talks .featured-post__thumbnail img { position: absolute; display: block; width: 100%; height: 100%; min-height: 454px; object-fit: cover; object-position: center; }
  body.str-taseko-talks .featured-post__content { flex-basis: calc((((100% - (11 * 20px))/12) * 6) + ((6 - 1) * 20px)); padding: 48px 68px 48px 40px; min-height: 454px; }
  body.str-taseko-talks .featured-post__title { color: var(--earth); }
  @media (max-width:1024px) {
    body.str-taseko-talks .hero-jumbo { margin-bottom: 80px; }
    body.str-taseko-talks .featured-post > .hold { display: block; }
    body.str-taseko-talks .featured-post__thumbnail img { position: static; min-height: auto; max-height: 500px; }
  }
  @media (max-width:550px) {
    body.str-taseko-talks .featured-post { margin-top: -72px; }
    body.str-taseko-talks .featured-post__content { padding: 32px 20px; }
    body.str-taseko-talks .featured-post__content .tags { display: flex; }
    body.str-taseko-talks .featured-post__thumbnail img { max-height: 240px; }
  }
  body.str-taseko-talks .taseko-talks-posts { background-color: var(--light-grey); box-shadow: 0 0 0 80px var(--light-grey); clip-path: inset(0 -80px); margin-top: 96px; margin-bottom: 64px; }
  body.str-taseko-talks .taseko-talks-posts > div.wrapper { padding: 56px 0; }
  body.str-taseko-talks .taseko-talks-posts .filter-controls { margin-bottom: 48px; }
  body.str-taseko-talks .taseko-talks-posts .filter-controls select { padding: 4px 28px 4px 4px; border: none; background-color: transparent; font-size: 16px; font-weight: 600; background-image: url(../img/arrow-down-blue.svg); background-repeat: no-repeat; background-position: right center; }
  body.str-taseko-talks .taseko-talks-posts #load-more { text-align: center; margin-top: 64px; }
  body.str-taseko-talks .taseko-talks-posts #load-more a { cursor: pointer; }
  body.str-taseko-talks .taseko-talks-posts .listing { display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 20px; }
  body.str-taseko-talks .taseko-talks-posts .listing-item { flex-basis: calc((((100% - (11 * 20px))/12) * 4) + ((4 - 1) * 20px)); background-color: #fff; padding: 254px 32px 56px 32px; position: relative; }
  body.str-taseko-talks .taseko-talks-posts .listing-item__thumbnail { position: absolute; inset: 0 0 auto 0; width: 100%; height: 220px; }
  body.str-taseko-talks .taseko-talks-posts .listing-item__thumbnail img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
  body.str-taseko-talks .taseko-talks-posts .listing-item time { display: block; margin-top: 16px; font-size: 16px; }
  body.str-taseko-talks .taseko-talks-posts .listing-item h6 { margin-top: 16px; margin-bottom: 16px; }
  body.str-taseko-talks .taseko-talks-posts .listing-item h6 a { color: var(--dark-grey); }
  body.str-taseko-talks .taseko-talks-posts .listing-item a.arrow { position: absolute; bottom: 32px; }
  @media (max-width:1280px) {
    body.str-taseko-talks .taseko-talks-posts { margin-top: 48px; margin-bottom: 64px; }
    body.str-taseko-talks .taseko-talks-posts .listing-item { flex-basis: calc((((100% - (11 * 20px))/12) * 6) + ((6 - 1) * 20px)); }
  }
  @media (max-width:767px) {
    body.str-taseko-talks .taseko-talks-posts .listing-item { padding: 244px 20px 48px 20px; }
  }
  @media (max-width:640px) {
    body.str-taseko-talks .taseko-talks-posts .listing-item { flex-basis: 100%; padding: 244px 20px 48px 20px; }
  }
  .flex.wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .flex.aic { -webkit-align-items: center; align-items: center; }
  .flex.sb { -webkit-justify-content: space-between; justify-content: space-between; }
  p.instruction { display: none; font-family: articulat-cf, sans-serif; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: 0.36px; }
  p.instruction i { color: #17365d; margin-left: 15px; }
  p.instruction.show { display: block; }
  div.overflow { width: 100%; overflow-x: auto; }
  ul.documents { list-style: none; margin: 0; padding: 0; max-width: 900px; }
  ul.documents li { border-bottom: 1px solid #BECBD7; }
  ul.documents li a { display: block; position: relative; background-color: #EDF2F6; color: #2F2E30; font-weight: 700; width: 100%; padding: 26px 60px 26px 20px; }
  ul.documents li a:after { content: "\f019"; font-family: "Font Awesome 6 Pro"; position: absolute; right: 20px; top: 26px; width: 32px; height: 32px; border-radius: 50%; background-color: #00B6DE; color: #FFF; font-size: 16px; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
  ul.documents li a:hover { background-color: #E3EAF1; }
  table.styled { width: 100%; }
  table.styled th { font-size: 20px; line-height: 25px; border-bottom: 4px solid #00B6DE; padding: 15px 15px 15px 0; text-align: left; color: #606870; }
  table.styled td { font-size: 18px; line-height: 22px; border-bottom: 1px solid #00B6DE; padding: 15px 15px 15px 0; color: #606870; }
  table.styled tr:last-of-type td { border-bottom: none; }
  .grey-bg { background-color: #EDF2F6; padding: 40px; }
  .arrow-controlled { font-family: 'Outfit', sans-serif; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; color: var(--earth); position: relative; }
  .arrow-controlled:after { background-color: var(--sky-blue); content: ''; display: inline-block; height: 14px; margin-left: 14px; position: relative; top: 1px; width: 9px; transform: translate3d(0, 0, 0); transition: all 0.5s cubic-bezier(0.17, 0.17, 0.05, 1); -webkit-mask: url(../../../../_resources/svg/taseko-arrow-right.svg) no-repeat 50% 50%; mask: url(../../../../_resources/svg/taseko-arrow-right.svg) no-repeat 50% 50%; -webkit-mask-size: cover; mask-size: cover; }
  .arrow-trigger:focus .arrow-controlled { outline: 1px dashed var(--sky-blue); outline-offset: 3px; }
  .arrow-trigger:active .arrow-controlled { color: var(--sky-blue); outline: 0; outline-offset: 0; }
  .arrow-trigger:hover .arrow-controlled:after { animation: fadeOutRightInLeft 2s forwards; animation-iteration-count: 1; }
  .arrow-trigger:active:hover .arrow-controlled { color: var(--sky-blue); outline: 0; outline-offset: 0; }
  main.main__news .featured-image { display: none; }
  main.main__news #PURL { display: none; }
  .xn-newslines { display: none; }
  main.main__news table td { padding: 4px 3px; }

  /* RESERVES AND RESOURCES */
  main.main__reserves-and-resources div.overflow { width: 100%; padding: 30px; background-color: #E3EAF1; border-bottom: 1px solid #BECBD7; }
  main.main__reserves-and-resources .rr-more-info .toggle { cursor: pointer; color: #414042; font-weight: 600; margin-top: 20px; }
  main.main__reserves-and-resources .rr-more-info .toggle:after { background-color: var(--sky-blue); content: ''; display: inline-block; height: 14px; margin-left: 14px; position: relative; top: 1px; width: 9px; transform: translate3d(0, 0, 0) rotate(90deg); transition: all 0.5s cubic-bezier(0.17, 0.17, 0.05, 1); -webkit-mask: url(../../../../_resources/svg/taseko-arrow-right.svg) no-repeat 50% 50%; mask: url(../../../../_resources/svg/taseko-arrow-right.svg) no-repeat 50% 50%; -webkit-mask-size: cover; mask-size: cover; }
  main.main__reserves-and-resources .rr-more-info .toggle.active:after { transform: rotate(270deg); }
  main.main__reserves-and-resources ol {  /*display: none;*/
  margin-top: 30px; font-size: 16px; }

  /* INVESTORS */
  body.cat-investors.str-overview .hero-jumbo__background { background-image: url(../../../../_resources/banners/investor-overview.jpg); }
  body.cat-investors.str-overview .stock-data { color: #606870; font-size: 22px; font-weight: 700; line-height: 32px; margin: 30px 0; }
  body.cat-investors.str-overview .stock-data strong { color: #2F2E30; }
  body.cat-investors.str-overview .updated { color: #606870; margin-top: 5px; }
  #overview-analyst-coverage { margin-top: 100px; }
  #overview-analyst-coverage .grey-bg > p { width: 50%; }
  #overview-why-invest { margin-bottom: 130px; }
  .invest-accordion { height: 767px; position: relative; }
  .invest-accordion .items { padding-top: 87px; max-width: 550px; position: relative; z-index: 2; }
  .invest-accordion .item { color: #414042; background-color: #EDF2F6; border-bottom: 2px solid #becbd7; -webkit-transition: all 0.325s ease-in-out; -moz-transition: all 0.325s ease-in-out; -o-transition: all 0.325s ease-in-out; transition: all 0.325s ease-in-out; }
  .invest-accordion .item.active { border-color: #00B6DE; }
  .invest-accordion .item:not(.active):hover { border-color: #00B6DE; background-color: #E3EAF1; }
  .invest-accordion .item .toggle { cursor: pointer; display: flex; -webkit-align-items: center; align-items: center; }
  .invest-accordion .item .toggle .number { font-size: 46px; line-height: 52px; font-weight: 700; -webkit-flex-basis: 120px; flex-basis: 120px; padding: 18px 0 18px 32px; }
  .invest-accordion .item .toggle .title { -webkit-flex-basis: calc(100% - 120px); flex-basis: calc(100% - 120px); padding: 10px; }
  .invest-accordion .item .details .image { display: none; background-repeat: no-repeat; background-size: cover; height: 200px; background-position: center; margin-bottom: 16px; max-width: 500px; }
  .invest-accordion .item .details { display: none; padding: 0 32px 32px 32px; }
  .invest-accordion .item .details h4 { margin: 0; }
  .invest-accordion #why-invest-image { background-repeat: no-repeat; background-size: cover; background-color: #000; background-position: center; height: 767px; width: calc(100% - 215px); position: absolute; top: 0; right: 0; background-image: url(../../../../_resources/investors/why_invest_team.jpg); z-index: 1; -webkit-transition: all 0.325s ease-in-out; -moz-transition: all 0.325s ease-in-out; -o-transition: all 0.325s ease-in-out; transition: all 0.325s ease-in-out; }
  .invest-accordion #why-invest-image.click1, .invest-accordion .item:nth-of-type(1) .details .image { background-image: url(../../../../_resources/investors/why_invest_team.jpg); }
  .invest-accordion #why-invest-image.click2, .invest-accordion .item:nth-of-type(2) .details .image { background-image: url(../../../../_resources/investors/why_invest_fundamentals.jpg); }
  .invest-accordion #why-invest-image.click3, .invest-accordion .item:nth-of-type(3) .details .image { background-image: url(../../../../_resources/investors/why_invest_cash.jpg); }
  .invest-accordion #why-invest-image.click4, .invest-accordion .item:nth-of-type(4) .details .image { background-image: url(../../../../_resources/investors/why_invest_location.jpg); }
  .invest-accordion #why-invest-image.click5, .invest-accordion .item:nth-of-type(5) .details .image { background-image: url(../../../../_resources/investors/why_invest_pipeline.jpg); }
  .invest-accordion #why-invest-image.hover1 { background-image: url(../../../../_resources/investors/why_invest_team.jpg); }
  .invest-accordion #why-invest-image.hover2 { background-image: url(../../../../_resources/investors/why_invest_fundamentals.jpg); }
  .invest-accordion #why-invest-image.hover3 { background-image: url(../../../../_resources/investors/why_invest_cash.jpg); }
  .invest-accordion #why-invest-image.hover4 { background-image: url(../../../../_resources/investors/why_invest_location.jpg); }
  .invest-accordion #why-invest-image.hover5 { background-image: url(../../../../_resources/investors/why_invest_pipeline.jpg); }
  .qmod-ui-tool .qmod-block-wrapper { background: transparent; }
  .qtool .qmod-heading.qmod-hbg { display: none; }
  .tiles { display: flex; flex-wrap: wrap; }
  .tiles .tile-item { display: flex; flex-direction: column; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-basis: calc(25% - (60px / 4)); flex-basis: calc(25% - (60px / 4)); background-color: #EDF2F6; border-bottom: 2px solid #BECBD7; min-height: 150px; padding: 20px; margin-right: 20px; margin-bottom: 20px; }
  body:not(.str-sustainability-reports) .tiles .tile-item  { max-width:325px; }
  body.cat-investors.str-esg-reports .tiles .tile-item { min-height: 200px; padding: 30px; }
  body.cat-investors.str-esg-reports .tiles .tile-item.image { padding-top: 0; }

  .tiles .tile-item:nth-of-type(4n) { margin-right: 0; }
  .tiles .tile-item .title { display: block; font-size: 22px; line-height: 26px; font-weight: 700; color: #414042; margin-bottom: 20px; }
  .tiles .tile-item:hover { background-color: #E3EAF1; border-color: #00B6DE; }
  .tiles .tile-item.image { min-height: 400px; padding-top: 0; justify-content: flex-end; -webkit-justify-content: flex-end; }
  .tiles .tile-item.image .image { position: relative; width: calc(100% + 60px); max-width: calc(100% + 60px); left:-30px; /* -webkit-flex-basis: 220px; flex-basis: 220px; background-position: center; background-size:cover; background-repeat: no-repeat;  */ }
  body.str-sustainability-reports .tiles .tile-item.image .image { width: calc(100% + 40px); max-width: calc(100% + 40px); left:-20px; }

  .tiles .tile-item.image .title { -webkit-flex-basis: 116px; flex-basis: 116px; padding-top: 30px; margin-bottom: 0; }
  body.cat-investors.str-earnings-reports .tiles { flex-wrap: nowrap; flex-direction: row-reverse; justify-content: flex-end; }
  /* body.cat-investors.str-corporate-presentations .tiles { width: 75%;} */
  body.cat-investors.str-earnings-reports .tiles .tile-item:nth-of-type(4n) { margin-right: 20px; }
  main.main__analyst-coverage .grey-bg > .overflow { background-color: #e3eaf1; padding: 40px; margin-top: 20px; }
  main.main__analyst-coverage .grey-bg > .overflow table tr td { width: 50%; }
  .event-listing { display: flex; flex-wrap: wrap; }
  .event-listing .event { -webkit-flex-basis: calc((100% / 3) - (60px / 3)); flex-basis: calc((100% / 3) - (60px / 3)); background-color: #EDF2F6; border-bottom: 2px solid #BECBD7; min-height: 200px; padding: 40px 30px; margin-right: 20px; margin-bottom: 20px; }
  .event-listing .event .title { font-size: 22px; line-height: 26px; font-weight: 700; margin-bottom: 20px; }
  .event-listing .event .date { margin-bottom: 20px; }
  .event-listing .event .date strong { font-size: 16px; margin-right: 10px; }
  .event-listing .event .text * { font-size: 14px; line-height: normal; }
  .event-listing .event .text *:last-of-type { margin-bottom: 0; }


  /* SELECT YEARS */
  .select-years select { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; border: none; padding: 14px 30px 14px 14px; font-size: 16px; line-height: 24px; color: #414042; background: url(../../../../_resources/svg/taseko-arrow-down.svg); background-repeat: no-repeat; background-position: 88% 50%; outline: none; font-weight: 700; position: absolute; right: 80px; top: -60px; }
  .year-contents > *:not(.active) { display: none; }
  .year-contents .news-item, .year-contents .news-item span { display: block; }
  .year-contents .news-item { background-color: #EDF2F6; border-bottom: 2px solid #BECBD7; color: #606870; padding: 30px; margin-bottom: 20px; }
  .year-contents .news-item:hover { background-color: #E3EAF1; border-color: #00B6DE; }
  .year-contents .news-item .date { font-weight: 700; color: #414042; }
  @media (max-width:1280px) {
    .select-years select { right: 40px; }
  }
  @media (max-width:1024px) {
    .grey-bg { padding: 20px; }
    .hero-jumbo__card { opacity: 1; padding: 0; transform: translateY(0px); }
    .hero-jumbo__card > div { padding-left: 20px; padding-right: 20px; }
    #overview-analyst-coverage .grey-bg > p { width: 100%; }
    .invest-accordion { height: auto; margin-bottom: 64px; }
    .invest-accordion .items { max-width: 100%; padding-top: 0; }
    .invest-accordion .item .toggle .number { font-size: 34px; line-height: 38px; -webkit-flex-basis: 110px; flex-basis: 110px; }
    .invest-accordion .item .toggle .title { -webkit-flex-basis: calc(100% - 110px); flex-basis: calc(100% - 110px); }
    .invest-accordion .item .details .image { display: block; }
    .invest-accordion #why-invest-image { display: none; }
    main.main__careers .content-image > .image { margin-bottom: 40px; }
    .select-years select { right: 20px; }
    .tiles .tile-item { -webkit-flex-basis: calc(50% - 10px); flex-basis: calc(50% - 10px); margin-bottom: 20px; }
    .tiles .tile-item:nth-of-type(even) { margin-right: 0; }
    body.cat-investors.str-earnings-reports .tiles { flex-direction: column-reverse; }
    body.cat-investors.str-earnings-reports .tiles .tile-item { margin-right: 0; }
    body.cat-investors.str-earnings-reports .tiles .tile-item:nth-of-type(4n) { margin-right: 0px; }
    .select-years > .container, .tab-system .tab-wrapper.select-years > li, .main__news .tab-system .tab-wrapper > li { padding-left: 0; padding-right: 0; }
    .event-listing .event { -webkit-flex-basis: calc((100% / 2) - (60px / 3)); flex-basis: calc((100% / 2) - (60px / 3)); }
  }

  @media (max-width:768px) {
    .event-listing .event { -webkit-flex-basis: 100%; flex-basis: 100%; margin-right: 0; }
  }
  @media (max-width:600px) {
    body.cat-investors.str-overview .stock-data { display: block; margin: 10px 0; }
    body.cat-investors.str-overview .stock-data > * { margin-bottom: 10px; }
    .tiles { width: 100%; }
    .tiles .tile-item { -webkit-flex-basis: 100%; flex-basis: 100%; margin-bottom: 20px; margin-right: 0 !important; min-height: 20px; }
  }

  /* ROUND 3 Revisions Changes */
  main.main__reserves-and-resources div.overflow table.styled th.subheader { border: none; background-color: #00B6DE; color: #FFF; padding-left: 15px; padding-right: 15px; }
  main.main__reserves-and-resources div.overflow table.styled th.subheader:not(.first-header) { border-top: 40px solid #E3EAF1; }
  ul.lines-alt { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; margin-bottom: 56px; }
  ul.lines-alt li { -webkit-flex-basis: calc(50% - 10px); flex-basis: calc(50% - 10px); border-bottom: 1px solid #BECBD7; padding-top: 20px; padding-bottom: 20px; }
  ul.lines-alt li:nth-of-type(odd) { margin-right: 20px; }
  ul.lines-alt li:nth-of-type(-n+2) { border-top: 1px solid #BECBD7; }
  @media screen and (max-width:1024px) {
    ul.lines-alt li { -webkit-flex-basis: 100%; flex-basis: 100%; margin-right: 0 !important; }
    ul.lines-alt li:nth-of-type(-n+2) { border-top: none; }
    ul.lines-alt li:first-of-type { border-top: 1px solid #BECBD7; }
  }

.news-pdf-return {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width:465px) {
    .news-pdf-return { flex-direction: column-reverse; }
    .news-pdf-return p:first-of-type { margin: 0; }
  }

.news-return-all {
  display: flex;
  justify-content: flex-end; }

/* Properties Cunstruction Updates */ 

  body.str-construction-updates main.main__construction-updates > div.container { max-width: 1000px; }
  body.str-construction-updates .main__construction-updates .tags { margin: 0; padding: 0; list-style: none; display: inline-flex; row-gap: 4px; column-gap: 16px; flex-wrap: wrap; }
  body.str-construction-updates .main__construction-updates li { padding: 0 16px; font-size: 13px; line-height: 24px; text-transform: uppercase; }
  body.str-construction-updates .main__construction-updates li:nth-child(odd) { background-color: var(--medium-blue); }
  body.str-construction-updates .main__construction-updates li:nth-child(even) { background-color: var(--medium-grey); }
  body.str-construction-updates .main__construction-updates .tags-group { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 48px; row-gap: 16px; }
  body.str-construction-updates .main__construction-updates .tags-group .article-date { margin: 0 24px 0 0; font-weight: 500; }

  body.str-construction-updates .construction-updates-posts { background-color: var(--light-grey); box-shadow: 0 0 0 80px var(--light-grey); clip-path: inset(0 -80px); margin-top: 96px; margin-bottom: 64px; }
  body.str-construction-updates .construction-updates-posts  > div.updates { padding: 56px 0; }
  body.str-construction-updates .construction-updates-posts  .filter-controls { margin-bottom: 48px; }
  body.str-construction-updates .construction-updates-posts  .filter-controls select { padding: 4px 28px 4px 4px; border: none; background-color: transparent; font-size: 16px; font-weight: 600; background-image: url(../img/arrow-down-blue.svg); background-repeat: no-repeat; background-position: right center; }
  body.str-construction-updates .construction-updates-posts  #load-more { text-align: center; margin-top: 64px; }
  body.str-construction-updates .construction-updates-posts  #load-more a { cursor: pointer; }
  body.str-construction-updates .construction-updates-posts  .listing { display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 20px; }
  body.str-construction-updates .construction-updates-posts  .listing-item { flex-basis: calc((((100% - (11 * 20px))/12) * 4) + ((4 - 1) * 20px)); background-color: #fff; padding: 254px 32px 56px 32px; position: relative; }
  body.str-construction-updates .construction-updates-posts  .listing-item__thumbnail { position: absolute; inset: 0 0 auto 0; width: 100%; height: 220px; }
  body.str-construction-updates .construction-updates-posts  .listing-item__thumbnail img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
  body.str-construction-updates .construction-updates-posts  .listing-item time { display: block; margin-top: 16px; font-size: 16px; }
  body.str-construction-updates .construction-updates-posts  .listing-item h6 { margin-top: 16px; margin-bottom: 16px; }
  body.str-construction-updates .construction-updates-posts  .listing-item h6 a { color: var(--dark-grey); }
  body.str-construction-updates .construction-updates-posts  .listing-item a.arrow { position: absolute; bottom: 32px; }
  @media (max-width:1280px) {
    body.str-construction-updates .construction-updates-posts { margin-top: 48px; margin-bottom: 64px; }
    body.str-construction-updates .construction-updates-posts  .listing-item { flex-basis: calc((((100% - (11 * 20px))/12) * 6) + ((6 - 1) * 20px)); }
  }
  @media (max-width:767px) {
    body.str-construction-updates .construction-updates-posts  .listing-item { padding: 244px 20px 48px 20px; }
  }
  @media (max-width:640px) {
    body.str-construction-updates .construction-updates-posts .listing-item { flex-basis: 100%; padding: 244px 20px 48px 20px; }
  }