.eam-slideshow { overflow: hidden; } .eam-slideshow-container { padding: 0px 0px 0px 0px; display: block; background-position: bottom; background-size: cover; background-repeat: no-repeat; position: relative; } /* ensure priority */ .eam-slidershow-center-content-mobile{ display: none; } .eam-slideshow-content { display: flex; justify-content: flex-start; align-items: center; max-width: 90%; margin: auto; min-height: 630px; } .eam-slideshow-top-bottom-content { display: flex; flex-direction: column; flex-basis: 50%; } .eam-top-text { color: rgba(255, 255, 255, 0.70); font-family: Open Sans; font-size: 13px; font-style: normal; font-weight: 400; line-height: 143.5%; letter-spacing: 0.78px; margin-bottom: 0; } p.eam-top-heading { color: #FFF; font-family: var(--typeHeaderPrimary),var(--typeHeaderFallback); font-size: 72px; font-style: normal; font-weight: 700; line-height: 90px; letter-spacing: -0.9px; text-transform: initial; margin-bottom: 0; } .eam-slideshow-bottom-link span:nth-child(2) svg { margin: 0px 0px -2px 13px; } .eam-slideshow-bottom-link * { color: white; } .eam-slideshow-bottom-link a { font-size: 16px; font-weight: 500; } .eam-slideshow-bottom-link { display: flex; justify-content: center; max-width: 80%; margin: 20px 0px 0px 0px; } a.eam-bottom-button-text:hover svg { filter: invert(1); margin-left: 11px; transition: 0.3s; } a.eam-bottom-button-text svg { margin-left: 8px; } a.eam-bottom-button-text { border-radius: 0px; background-color: #000; display: flex; transition: 0.3s; align-items: center; justify-content: center; color: #fff; text-align: center; font-family: var(--typeHeaderPrimary),var(--typeHeaderFallback); font-size: 18px; font-style: normal; font-weight: 600; letter-spacing: -0.36px; text-transform: capitalize; padding: 12px 0px; width: 40%; } a.eam-bottom-button-text-2 { color: #000; text-align: center; font-family: var(--typeHeaderPrimary),var(--typeHeaderFallback); font-size: 18px; font-style: normal; font-weight: 600; letter-spacing: -0.36px; } a.eam-bottom-button-text-2 { border-radius: 0px; font-size: 15px; margin-left: 16px; background: transparent; border: 1px solid #F0B43E; color: white; display: flex; align-items: center; justify-content: center; padding: 12px 0px; width: 100%; text-transform: capitalize; } a.eam-bottom-button-text-2:hover { background-color: black; color: #F0B43E!important; transition: 0.2s; } a.eam-bottom-button-text:hover{ color: white; background-color: black; } /*       a.eam-bottom-button-text-2 { display: none; } */ .eam-bottom-link-text { display: none; } .eam-bottom-sold-text-mobile { display: none; } .eam-bottom-button-text-content { display: flex; margin-top: 0px; margin-bottom: 37px; width: 100%; } p.eam-bottom-sold-text { margin-top: 7px; font-weight: 500; } .bottom-link-2 span { color: black!important; } .eam-bottom-sold-text{ display: block; } .sold-text p { margin-left: 8px; font-weight: 400; font-size: 14px; } .sold-text { display: flex; } .eam-top-description { display: block; } .eam-top-description { color: #FFF; font-family: Open Sans; font-size: 20px; font-style: normal; font-weight: 400; line-height: 37px; letter-spacing: -0.54px; padding-top: 10px; margin-bottom: 24px; } p.eam-top-text svg { margin-right: 8px; } p.eam-top-text { display: flex; align-items: center; border-radius: 1000px; width: fit-content; padding: 10px 0; font-size: 16px; text-transform: capitalize; } p.eam-top-text svg path { fill: #000; } .sold-text { color: white; } ul.slick-dots { position: absolute; bottom: -10px; } .slick-dots li { position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:before { content: '•'; font-size: 37px; line-height: 10px; position: absolute; top: 0; left: 0; width: 10px; height: 10px; text-align: center; opacity: .25; color: black; } .slick-dots li.slick-active button:before { opacity: 1; } .eam-top-heading { text-transform: uppercase; font-weight: 700; } .eam-top-text { text-transform: uppercase; } .eam-slideshow-container-3 .eam-bottom-button-text-2 { color: white; } /* Light Theme CSS   */ .eam-bottom-button-text-2 { display: block; } .sold-text-mobile { display: none; } p.eam-top-text span { margin: 0px 4px; font-weight: 600; font-family: var(--typeHeaderPrimary),var(--typeHeaderFallback); font-size: 14px; background: black; border-radius: 20px; padding: 1px 6px; color: white !important; line-height: 18px; } .eam-bottom-button-text-content span:nth-child(2) { display: none; } /* slick */ .eam-slideshow .slick-dotted.slick-slider { margin-bottom: 34px; } .eam-slideshow .slick-dots { position: relative; bottom: 8px; left: unset; margin-top: 10px; } .eam-slideshow .slick-dots li.slick-active button:before { opacity: 1; color: #000; } .eam-slideshow .slick-dots li { margin: 0 2px; } .eam-slideshow .slick-dots li button:before { font-size: 12px; } /* slick end */ @media(min-width: 768px){ .eam-slideshow-container-lighttheme .eam-slideshow-bottom-link a svg { margin: -7px 5px; } .eam-slideshow-container-lighttheme .sold-text { color: black; } .eam-slideshow-container-lighttheme * { color: black !important; } .eam-slideshow-container-lighttheme .eam-slideshow-top-content * { color: black; } .eam-slideshow-container-lighttheme a.eam-bottom-button-text { background-color: #000; color: #FFF !important; font-weight: 600; font-size: 18px; line-height: 17px; height: 46px; border: none; padding-left: 60px; padding-right: 60px; width: auto; } .eam-slideshow-container-lighttheme a.eam-bottom-button-text a { display: flex; align-items: center; gap: 10px; } .eam-slideshow-container-lighttheme a.eam-bottom-button-text:hover{ background-color: black; color: white!important; } .eam-slideshow-container-lighttheme .sold-text { color: black; } .eam-slideshow-container-lighttheme a.eam-bottom-button-text svg path { stroke: #fff !important; fill: #fff !important; } body.template-index.en-ca-body.loaded .bottom-link-container { width: 100%; padding-left: 10px; padding-right: 0px; display: flex; justify-content: center; } body.template-index.en-ca-body .bottom-link-container a { display: flex; align-items: center; justify-content: center; gap: 10px; } } @media only screen and (min-width: 769px) { p.eam-top-text.mobile-only { display: none; } .bottom-link-container { font-size: 16px; line-height: 17px; font-weight: 600; font-family: var(--typeHeaderPrimary),var(--typeHeaderFallback); display: flex; align-items: center; justify-content: center; } } .eam-bg{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; object-position: bottom; object-fit: cover; } .desktop-only{ display: block } .mobile-only{ display: none; } @media(max-width: 786px){ .desktop-only{ display: none; } .eam-top-text svg { margin-right: 6px; width: 54px; } .mobile-only{ display: block; max-height: 100%; } .eam-slidershow-center-content-mobile{ display: block; } .eam-bottom-button-text-content span:nth-child(2) { display: block; } .eam-slideshow-bottom-content p:nth-child(3) { display: none; } .eam-bottom-button-text-content span:nth-child(1) { display: none; } .eam-slideshow-top-bottom-content { display: flex; flex-direction: column; flex-basis: 100%; } .sold-text-mobile { display: flex; justify-content: center; color: white; margin-top: 22px; } .sold-text-mobile p { margin-left: 8px; font-weight: 400; font-size: 14px; } .sold-text { display: none; } .sold-text { justify-content: center; } .eam-slideshow-container-3 .sold-text { color: black; } .eam-bottom-button-text { margin-bottom: 0; } .eam-bottom-button-text-content { justify-content: center; align-items: center; } a.eam-bottom-button-text { width: 100%; } .eam-top-description { display: block; text-align: center; color: #FFF; text-align: center; font-family: Open Sans; font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: -0.28px; margin-bottom: 10px; padding-top: 10px; } .eam-bottom-link-text { display: block; text-align: center; margin-right: 20px; text-decoration: underline; font-weight: 900; } a.eam-bottom-button-text { padding: 12px 24px; } .eam-top-text { font-size: 16px!important; margin-bottom: 13px; display: flex; justify-content: center; } .eam-slideshow-bottom-link { max-width: 100%; margin: 13px 0px 31px 0px; } .eam-bottom-sold-text-mobile { display: block; text-align: center; margin: 0; font-weight: 600; margin-bottom: 5px; } a.eam-bottom-button-text { font-size: 18px; } p.eam-top-text { text-align: center; } .eam-top-heading span { display: none; } p.eam-top-heading { color: #FFF; text-align: center; font-family: var(--typeHeaderPrimary),var(--typeHeaderFallback); font-size: 34px; font-style: normal; font-weight: 600; line-height: 44px; } .eam-slideshow-top-content { margin-top: 0px; } .eam-bottom-sold-text{ display: none; } .eam-slideshow-container { padding: 0px 0px 0px 0px; display: flex; background-position: center center; background-size: cover; background-repeat: no-repeat; overflow: hidden; position: relative; } .eam-slideshow-top-bottom-content { display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; min-height: 530px; max-width: 100%; padding: 0px 20px; } button.eam-bottom-button-text { border-radius: 32px; font-size: 22px; padding: 20px; width: 100%; } .eam-slideshow-content { display: flex; justify-content: center; align-items: center; max-width: 100%; min-height: unset; margin-top: 0; padding: 15px 0; position: relative; } .eam-bottom-button-text-content { flex-direction: column; } a.eam-bottom-button-text-2 { font-size: 17px; font-weight: 700; margin: 0px; text-decoration: underline; border: none; } .eam-bottom-button-text-content{ margin: 0px 0px 0px; } a.eam-bottom-button-text { margin-right: 0px; } .eam-slidershow-center { max-height: 290px; object-fit: contain; object-position: center; width: 100%; } .eam-top-text span { color: white !important; } .eam-bottom-button-text-content{ width: 100%; } /*   .eam-slideshow-container-lighttheme .eam-slideshow-bottom-link a svg { filter: invert(1); } */ p.eam-top-text.desktop-only { display: none; } p.eam-top-text { font-size: 14px !important; margin: auto; } } @media(max-width: 768px){ .eam-slideshow-container-lighttheme-mobile .eam-slideshow-bottom-link a svg { margin: -7px 5px; } .eam-slideshow-container-lighttheme-mobile .sold-text { color: black; } .eam-slideshow-container-lighttheme-mobile * { color: black; } .eam-slideshow-container-lighttheme-mobile .eam-slideshow-top-content * { color: black; } .eam-slideshow-container-lighttheme-mobile a.eam-bottom-button-text { background-color: #000; color: #FFF !important; font-weight: 600; font-size: 18px; line-height: 17px; height: 46px; border: none; width: 100%; } .eam-slideshow-container-lighttheme-mobile a.eam-bottom-button-text a { display: flex; align-items: center; gap: 10px; } .eam-slideshow-container-lighttheme-mobile a.eam-bottom-button-text:hover{ background-color: black; color: white!important; } .eam-slideshow-container-lighttheme-mobile .sold-text { color: black; } .eam-slideshow-container-lighttheme-mobile a.eam-bottom-button-text svg path { stroke: #fff !important; fill: #fff !important; } }