Discover Premium Residences | CDL Homes

amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .amp-logo amp-img{width:47px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} /* Inline styles */ i.acssefbb5{display:block;padding-bottom:73.513513513514%;}i.acss8ebf0{display:block;padding-bottom:73.565217391304%;}i.acss6348a{display:block;padding-bottom:67.367657722988%;}i.acss3e9a8{display:block;padding-bottom:56.281771968046%;}i.acss1d87b{display:block;padding-bottom:56.25%;}i.acssbe1f1{display:block;padding-bottom:68.672951414068%;}i.acssa82bc{display:block;padding-bottom:66.68%;}i.acssb7826{display:block;padding-bottom:44.891122278057%;}i.acss85f66{display:block;padding-bottom:66.860465116279%;}i.acssa77ea{display:block;padding-bottom:56.395348837209%;}i.acssb6ccd{display:block;padding-bottom:83.9%;}i.acss604aa{display:block;padding-bottom:66.979166666667%;}i.acsscab6c{display:block;padding-bottom:38.125%;}i.acss84de1{display:block;padding-bottom:66.666666666667%;}i.acss0d03f{display:block;padding-bottom:45.407098121086%;}i.acss8253f{display:block;padding-bottom:53.228962818004%;}i.acss08f6d{display:block;padding-bottom:41.095890410959%;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";} html { scroll-behavior: smooth; } .cntn-wrp { font-family: Noto Sans, Helvetica, Arial, sans-serif ; } body .lazyload, body .lazyloading { opacity: 1; } body.amp-frontpage .content-wrapper .cntr { padding-left: 20px; } .content-wrapper .cntr { padding-left: 15px; padding-right: 15px; } .amp-single-page h1, .amp-single-page h2, .amp-single-page h3, .amp-single-page h4, .amp-single-page h5, .amp-single h1, .amp-single h2, .amp-single h3, .amp-single h4, .amp-single h5{ font-family: Noto Sans Bold,Helvetica,Arial,sans-serif; } .hamb-mnu .h_m_w { display: grid; grid-template-areas: "logo humb icons"; grid-template-columns: 0.2fr 0fr 0.2fr 1fr; align-items: center; height: 65px; justify-content: space-between; } .hamb-mnu .h-nav { order: 1; } .hamb-mnu .h-nav label.t-btn:after{ font-size: 32px; } .hamb-mnu .logo { max-width: 41px; margin-right: 23px; } .hamb-mnu .h-1 { display: flex; order: 1; justify-content: flex-end; height: 100%; align-items: center; width: 100%; position: relative; } @media (min-width: 299px) and (max-width: 307px){ .hamb-mnu .logo{ margin-right: 14px; } } header .cntr{ padding-right: 0; } @media (max-width: 299px) { .hamb-mnu .logo{ margin-right: 10px; } .hamb-mnu .h-1{ right: 0; } header .cntr { padding-right: 0; } } .hamb-mnu a.enquiry { background: #ffc100; background: linear-gradient(90deg,#ffc100 0,#de9d14); margin-right: 1px; } .hamb-mnu a.whatsapp-cta { background: #000; } .hamb-mnu a.whatsapp-cta img { width: 25px; } .hamb-mnu .wpml-ls-statics-shortcode_actions { height: 60px; display: flex; border-left: 1px solid #d3d3d3; align-items: center; } .hamb-mnu .wpml-ls-item.wpml-ls-current-language { display: none; } .hamb-mnu li.wpml-ls-slot-shortcode_actions { list-style: none; } .hamb-mnu li.wpml-ls-slot-shortcode_actions a { color: #222729; font-size: 18px ; } .hamb-mnu .language-switcher .wpml-ls-legacy-list-vertical li.wpml-ls-item { border-left: 1px solid #d3d3d3; } .hamb-mnu .h-1 a { height: 100%; display: flex; align-items: center; width: 65px; justify-content: center; color: #fff; font-size: 23px; font-style: normal; } #scrollToTopButton { background: #000; bottom: 20px; cursor: pointer; border-radius: 0; z-index: 10; } .btt:before { content: url('/wp-content/themes/cdlhomes-theme/img/ard-white.svg'); transform: rotate(180deg); position: relative; font-size: 1.5rem; top: 5px; } @font-face { font-display: swap; font-family: Noto Sans Bold; font-style: normal; font-weight: 700; src: url(/wp-content/themes/cdlhomes-theme/fonts/noto-sans/notosans-extrabold-webfont.woff2); } .amp-single.property .amp-post-title { margin-bottom: 24px; } .amp-post-title { font-size: 38px; font-weight: 700; line-height: 1.2; text-align: left; margin-bottom: 40px; margin-top: 0; padding-top: 0; } /* Sold out custom.css */ .soldBlack { background: #000000; padding: 50px 16px; } .soldBlack ul li { color: #FFF; position: relative; font-size: 15px; padding: 0 0 0 15px; margin: 15px 0 0 0; } .soldBlack ul li::before{ content: unset; } .soldBlack ul li:after { content: ''; position: absolute; left: 0; top: 9px; width: 5px; height: 5px; background: #D99814; border-radius: 50%; } .soldBlack .linkBdr { margin-top: 35px; margin-bottom: 0; } .linkBdr { display: inline-block; border: 1px solid #dc9b14; font-size: 14px; color: #dc9b14; font-weight: 700; text-transform: uppercase; padding: 10px 28px; margin: 15px 0 0; text-align: center; } .soldBlack h2 { font-size: 33px; color: #FFF; line-height: 46px; position: relative; padding: 22px 0 0 0; } .soldBlack h2:after { content: ''; width: 38px; height: 2px; background: #DC9B14; position: absolute; left: 0; top: 0; } .soldBlack h3 { font-size: 21px; color: #FFF; font-weight: 700; padding: 10px 0 0 0; } .ilsTag { position: absolute; right: 15px; bottom: 15px; color: #FFF; font-size: 12px; } .amp-single .soldOut { margin-bottom: 80px; } .amp-single .soldBlack p { margin: 0; } .ilsTag.soldOutpage { right: 51px; } .width-col-8 { width: 61vw; } .aboutGrid.similarPro { margin-top: 10px; } .disclaimerTxt { padding-top: 50px; font-size: 11px ; color: #7E8080; line-height: 20px; } .disclaimerTxt.alt { margin: -50px 0 0 0; padding: 0 0 70px 0; text-align: center; position: relative; } .disclaimerTxt.alt .alt-link { text-align: center ; color: #7E8080 ; } .amp-single .disclaimerTxt.alt .alt-link a { color: #7E8080 ; } .amp-single .img-right-ext-main { margin-top: 120px; left: 50%; margin-left: -50vw; width: 100vw; position: relative; background-repeat: no-repeat; background-size: cover; background-position: bottom center; } .amp-single .img-right-ext-main .image-caption { font-size: 14px; position: absolute; right: 15px; bottom: 15px; color: #fff; } .amp-single .recLaunches-main { border-top: 1px solid #d5d5d5; padding: 80px 0 100px; } .amp-single .view-more-button { background: #000; color: #fff; font-size: 15px; font-weight: 700; text-transform: uppercase; text-align: center; border: none; letter-spacing: 1px; display: block; width: 100%; padding: 18px 0; margin: 50px 0 0; } .amp-single.property .soldBlack ul { margin: 0; } .amp-single.property .amp-small-image { max-width: 600px; } .amp-single.property .amp-wp-enforced-sizes{ max-width: 100%; object-fit: cover; width: 100%; } /* .amp-single.property amp-img.amp-wp-enforced-sizes[layout=intrinsic] > img { object-fit: cover; } */ .amp-single.property .content-wrapper { margin-top: 20px; } .amp-single-page .content-wrapper { margin-top: 30px; } .amp-single.property .cntn-wrp h2, .amp-single.property .cntn-wrp h3 { margin-bottom: 0; } .amp-single.property .soldOut .img-right-ext { padding-top: 25px; } /* Sold out custom.css end */ /* Property Tax custom.css */ .amp-single .propertyTax h3{ font-family: Noto Sans,Helvetica,Arial,sans-serif; } .amp-single .propertyTax-main { padding-bottom: 70px; border-bottom: 1px solid #D5D5D5; } .amp-single .propertyTax h2 { font-size: 38px; color: #222729; position: relative; padding: 22px 0 0 0; } .amp-single .propertyTax h2:after { content: ''; width: 38px; height: 2px; background: #DC9B14; position: absolute; left: 0; top: 0; } .amp-single .propertyTax p.footnote { font-size: 10px; line-height: 14px; } .amp-single .propertyTax p { font-size: 15px; color: #7E8080; line-height: 28px; padding: 25px 0 0 0; } .amp-single .propertyTax p strong { color: #000; } .amp-single .propertyTax h3 { font-size: 15px; font-weight: 700; color: #222729; line-height: 24px; } .amp-single .propertyTax h3.title-1 { position: relative; padding: 22px 0 0 0; } .amp-single .propertyTax h3.title-1:after { content: ''; width: 38px; height: 2px; background: #DC9B14; position: absolute; left: 0; top: 0; } .amp-single .propertyTax h3 span { font-size: 14px; color: #D99814; text-transform: uppercase; font-weight: 400; letter-spacing: 0.07em; } .amp-single .taxBlock { border-bottom: 1px solid #D2D2D2; padding: 25px 0; } .amp-single .taxBlock:first-of-type { margin-top: 15px; } .amp-single .taxBlock:last-of-type { margin-bottom: 15px; } .amp-single .taxBlock ul { padding: 20px 0 0 0; } .amp-single .taxBlock.alt ul { padding-top: 0; } .amp-single .taxBlock ul li { position: relative; font-size: 15px; color: #7E8080; padding: 0 0 0 15px; margin: 5px 0 0 0; } .amp-single .taxBlock ul li span { font-size: 12px; color: #D99814; } .amp-single .taxBlock ul li::before{ content: unset; } .amp-single .taxBlock ul li:after { content: ''; position: absolute; left: 0; top: 9px; width: 5px; height: 5px; background: #D99814; border-radius: 50%; } .amp-single .taxBlock h3 { line-height: 18px; } .amp-single .taxBlock h3 img { margin-right: 10px; } .amp-single .linkbrochure { display: inline-block; border: 1px solid #DC9B14; font-size: 14px; color: #DC9B14; font-weight: 700; text-transform: uppercase; margin: 30px 0 0 0; padding: 10px 30px; } .amp-single .linkbrochure:hover { background: #DC9B14; color: #FFF; } /* Property Tax custom.css end */ /* Page */ .amp-single-page .module { padding-bottom: 60px; } .amp-single-page .module__heading { margin-bottom: 20px; } .amp-single-page .module__heading__subtitle { color: #7e8080; display: block; font-size: 14px; letter-spacing: .07em; margin-bottom: 15px; padding-top: 18px; position: relative; text-transform: uppercase; } .amp-single-page .module__heading__subtitle:before { background-color: #dc9b14; content: ""; display: block; height: 2px; left: 0; opacity: 1; position: absolute; top: 0; width: 35px; } .amp-single-page .module__heading__title { font-size: 52px; font-weight: 900; margin-bottom: 0; } @media (max-width:95.3125em) { .amp-single-page .module__heading__title { font-size: 45px; line-height: 52px; } } @media (max-width:74.99em) { .amp-single-page .module__heading__title { font-size: 40px; line-height: 47px; } } @media (max-width:61.99em) { .amp-single-page .module__heading__title { font-size: 38px; line-height: 44px; } } .amp-single-page .content-wrapper { margin-bottom: 75px; } .amp-single-page .content-wrapper .container p { padding: 18px 0 0; } .amp-single-page .content-wrapper .container p { color: #7e8080; font-size: 15px; line-height: 28px; margin-bottom: 0; } .amp-single-page .content-wrapper .container p strong { color: #000; } .amp-single-page .content-wrapper .container .textwidget ul { padding: 25px 0 15px 30px; } .amp-single-page .content-wrapper .container .textwidget ul li:after{ background: #dc9b14; border-radius: 50%; content: ""; height: 5px; left: 0; position: absolute; top: 13px; width: 5px; } .amp-single-page .content-wrapper .container .textwidget ul li { color: #7e8080; font-size: 15px; line-height: 28px; list-style: none; padding-left: 20px; position: relative; } .amp-single-page .button, .footer .button { background: 0 0; border: 1px solid #dc9b14; color: #dc9b14; display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: .07em; padding: 10px 32px; text-align: center; text-transform: uppercase; transition: all .5s ease; } /*Property tax page*/ .amp-single-page .property-tax { padding-bottom: 0; padding-top: 0; } .amp-single-page .property-tax .row { border-bottom: 1px solid #d5d5d5; padding-bottom: 70px; } .amp-single-page .property-tax .module__heading { margin-bottom: 0; } .amp-single-page .property-tax .module__heading__title { font-size: 35px; line-height: 42px; padding-top: 22px; position: relative; } @media (max-width:47.99em) { .amp-single-page .property-tax .module__heading__title { font-size: 33px; } } @media (min-width:48em) and (max-width:74.9375em) { .amp-single-page .property-tax .module__heading__title { font-size: 30px; } } .amp-single-page .property-tax .module__heading__title:after { background: #dc9b14; content: ""; height: 2px; left: 0; opacity: 1; position: absolute; top: 0; width: 38px; } .amp-single-page .property-tax .module__heading__title.sal-animate:after { animation: fadeLeft 1s cubic-bezier(.77, 0, .175, 1); opacity: 1; } .amp-single-page .property-tax__content__description p { color: #7e8080; font-size: 15px; line-height: 24px; margin-bottom: 0; padding: 25px 0 0; } .amp-single-page .property-tax__content__description p a.linkBdr { border: 1px solid #dc9b14; color: #dc9b14; display: inline-block; font-size: 14px; font-weight: 700; letter-spacing: .07em; margin: 15px 0 0; padding: 10px 28px; text-align: center; text-transform: uppercase; } .amp-single-page .property-tax__content__description p a.linkBdr:hover { background: #dc9b14; color: #fff; } .amp-single-page .property-tax__content__image { background-position: bottom; background-repeat: no-repeat; background-size: cover; left: 0; position: relative; top: 0; width: 50vw; } @media (max-width:47.99em) { .amp-single-page .property-tax__content__image { margin-top: 40px; } } @media (max-width:61.99em) { .amp-single-page .property-tax__content__image { left: 50%; margin-left: -50vw; padding-top: 50px; width: 100vw; } } .amp-single-page .property-tax__content__image img { width: 100%; } .amp-single-page .stamp-duty { padding-bottom: 100px; padding-top: 80px; } .amp-single-page .stamp-duty__title { font-size: 35px; line-height: 42px; margin-bottom: 0; padding-top: 22px; position: relative; } @media (max-width:74.99em) { .amp-single-page .stamp-duty__title { font-size: 30px; } } @media (max-width:47.99em) { .amp-single-page .stamp-duty__title { font-size: 33px; } } .amp-single-page .stamp-duty__title:after { background: #dc9b14; content: ""; height: 2px; left: 0; opacity: 1; position: absolute; top: 0; width: 38px; } .amp-single-page .stamp-duty__title.sal-animate:after { animation: fadeLeft 1s cubic-bezier(.77, 0, .175, 1); opacity: 1; } .amp-single-page .stamp-duty__description p { color: #7e8080; font-size: 15px; line-height: 24px; margin-bottom: 0; padding: 25px 0 0; } .amp-single-page .stamp-duty__grid { margin: auto; margin-left: -25px; padding-top: 30px; } .amp-single-page .stamp-duty__grid .grid-item { float: left; margin-top: 50px; padding-left: 25px; padding-right: 25px; width: 33.33%; } @media (max-width:61.99em) { .amp-single-page .stamp-duty__grid .grid-item { width: 100%; } } .amp-single-page .stamp-duty__grid--title { border-bottom: 2px solid #dc9b14; color: #222729; font-size: 30px; font-weight: 700; padding: 0 0 14px; } @media (max-width:47.99em) { .amp-single-page .stamp-duty__grid--title { font-size: 23px; } } @media (min-width:48em) and (max-width:61.99em) { .amp-single-page .stamp-duty__grid--title { font-size: 22px; } } .amp-single-page .stamp-duty__grid--description p { color: #7e8080; font-size: 15px; line-height: 28px; margin-bottom: 0; padding: 15px 0 0; } .amp-single-page .stamp-duty__grid--description p a.linkBdr { border: 1px solid #dc9b14; color: #dc9b14; display: inline-block; font-size: 14px; font-weight: 700; padding: 10px 28px; text-align: center; text-transform: uppercase; } /*Buying property singapore*/ .amp-single-page .text-list { padding-bottom: 0; padding-top: 0; } .amp-single-page .text-list__module--title h2 { color: #222729; font-size: 31px; font-weight: 700; line-height: 40px; padding: 22px 0 0; position: relative; } .amp-single-page .text-list__module--title h2 span { color: #dc9b14; } .amp-single-page .text-list__module--title h2:before { background: #dc9b14; content: ""; height: 2px; left: 0; position: absolute; top: 0; width: 32px; } .amp-single-page .text-list ol { counter-reset: item; list-style: none; padding-left: 0; } .amp-single-page .text-list ol li { counter-increment: item; margin: 50px 0 0; } @media (max-width: 47.99em){ .amp-single-page .text-list ol li:before { margin-left: 0; margin-top: 0; position: relative; } } .amp-single-page .text-list ol li:before { color: #ffb42a; content: counter(item); font-size: 23px; font-weight: 700; } .amp-single-page .text-list__title span { border-bottom: 2px solid #dc9b14; color: #222729; display: block; font-size: 21px; font-weight: 700; padding: 0 0 12px; } .amp-single-page .text-list__description p { color: #7e8080; font-size: 15px; line-height: 24px; } .amp-single-page .images-grid { background-color: #f3f3f3; padding-bottom: 50px; padding-top: 50px; width: 100vw; left: -15px; position: relative; margin-bottom: -75px; margin-top: -7px; } .amp-single-page .images-grid__wrapper { align-items: center; display: flex; flex-wrap: wrap; justify-content: center; } .amp-single-page .images-grid__item { flex: 0 0 25%; text-align: center; } @media (max-width:47.99em) { .amp-single-page .images-grid__item { flex: 0 0 50%; width: 50%; } .amp-single-page .images-grid__item:not(:last-child) { margin-bottom: 50px; } } @media (max-width:35.4375em) { .amp-single-page .images-grid__item { flex: 0 0 100%; width: 100%; } } .amp-single-page .images-grid__item:last-child img { height: 113px; width: auto; } @media (max-width:47.99em) { .amp-single-page .images-grid__item:last-child img { height: auto; width: 35%; } } .amp-single-page .images-grid__item img { width: 100%; } @media (max-width:95.3125em) { .amp-single-page .images-grid__item img { max-width: 80%; } } @media (max-width:47.99em) { .amp-single-page .images-grid__item img { max-width: 100%; width: auto; } } .amp-single-page .sow-image-container { width: 100vw; position: relative; left: -20px; margin-bottom: -10px; } /* Investing in Singapore */ .amp-single-page .content-background__content { margin: auto; padding: 0 0 50px; } .amp-single-page .content-background__title { color: #222729; font-size: 35px; line-height: 42px; margin-bottom: 15px; padding: 22px 0 0; position: relative; } .amp-single-page .content-background__title:after { background: #dc9b14; content: ""; height: 2px; left: 0; opacity: 1; position: absolute; top: 0; width: 38px; } .amp-single-page .content-background__title.sal-animate:after { animation: fadeLeft 1s cubic-bezier(.77, 0, .175, 1); opacity: 1; } .amp-single-page .content-background__description { margin-bottom: 20px; } .amp-single-page .content-background__description *, .amp-single-page .content-background__description p { color: #7e8080; font-size: 15px; line-height: 25px; } .amp-single-page .container .content-background__footnote *, .amp-single-page .container .content-background__footnote p { color: #7e8080; font-size: 12px; line-height: 24px; } .amp-single-page .container .content-background__footnote a { border-bottom: 1px solid #dc9b14; color: #dc9b14; padding-bottom: 1px; } .amp-single-page .module.x3-column-content{ padding-top: 60px; } .amp-single-page .x3-column-content__title { color: #222729; font-size: 35px; line-height: 42px; margin-bottom: 15px; padding: 22px 0 0; position: relative; } .amp-single-page .x3-column-content__title:after { background: #dc9b14; content: ""; height: 2px; left: 0; opacity: 1; position: absolute; top: 0; width: 38px; } .amp-single-page .x3-column-content__title.sal-animate:after { animation: fadeLeft 1s cubic-bezier(.77, 0, .175, 1); opacity: 1; } .amp-single-page .x3-column-content__description { margin-bottom: 15px; } .amp-single-page .x3-column-content__description *, .amp-single-page .x3-column-content__description p { color: #7e8080; font-size: 15px; line-height: 25px; } .amp-single-page .x3-column-content__content { margin: auto; padding: 0 0 50px; width: 100%; } .amp-single-page .x3-column-content__item { margin: auto; padding: 0 0 50px; width: 100%; } .amp-single-page .x3-column-content__item--title { border-bottom: 2px solid #dc9b14; color: #222729; font-size: 23px; line-height: 39px; margin-bottom: 15px; padding: 10px 0; position: relative; } .amp-single-page .x3-column-content__item--description { margin-bottom: 20px; } .amp-single-page .x3-column-content__item--description *, .amp-single-page .x3-column-content__item--description p { color: #7e8080; font-size: 15px; line-height: 25px; } .amp-single-page .container .x3-column-content__item--footnote *, .amp-single-page .container .x3-column-content__item--footnote p { color: #7e8080; font-size: 12px; line-height: 24px; } .amp-single-page .container .x3-column-content__item--footnote a { border-bottom: 1px solid #dc9b14; color: #dc9b14; padding-bottom: 1px; } .amp-single-page .boxed-content__card { background-color: #000; margin: 0 auto; padding: 50px 30px; margin-bottom: 70px; } .amp-single-page .boxed-content__card--title { color: #db9d16 ; font-size: 30px; line-height: 39px; margin-bottom: 20px; } .amp-single-page .boxed-content__card--description { margin-bottom: 20px; } .amp-single-page .content-wrapper .boxed-content__card--description, .amp-single-page .content-wrapper .boxed-content__card--description p { color: #fff; font-size: 15px; line-height: 25px; } .amp-single-page .boxed-content__right--title { font-size: 35px; line-height: 42px; margin-bottom: 30px; padding-top: 25px; position: relative; } .amp-single-page .boxed-content__right--title:after { background: #dc9b14; content: ""; height: 2px; left: 0; opacity: 1; position: absolute; top: 0; width: 38px; } .amp-single-page .boxed-content__right--title.sal-animate:after { animation: fadeLeft 1s cubic-bezier(.77, 0, .175, 1); opacity: 1; } .amp-single-page .boxed-content__right--description { margin-bottom: 25px; } .amp-single-page .boxed-content__right--description ul { list-style: none; margin: 0; padding: 0; } .amp-single-page .boxed-content__right--description ul li { color: #7e8080; font-size: 15px; line-height: 32px; padding-left: 15px; position: relative; } .amp-single-page .boxed-content__right--description ul li:after { background: #dc9b14; border-radius: 50%; content: ""; height: 4px; left: 0; position: absolute; top: 14px; width: 4px; } .amp-single-page .container .boxed-content__right--footnote { color: #7e8080; font-size: 12px; line-height: 24px; } .amp-single-page .x3-column-district { margin: auto; padding: 50px 0 50px; position: relative; width: 100%; margin-top: 50px; } .amp-single-page .x3-column-district:before { background-color: #eaeaea; content: ""; display: block; height: 1px; left: 50%; max-width: 1200px; position: absolute; top: 0; transform: translateX(-50%); width: calc(100% - 30px); } .amp-single-page .x3-column-district__title { color: #222729; font-size: 35px; line-height: 42px; margin-bottom: 15px; padding: 22px 0 0; position: relative; } .amp-single-page .x3-column-district__title:after { background: #dc9b14; content: ""; height: 2px; left: 0; opacity: 1; position: absolute; top: 0; width: 38px; } .amp-single-page .x3-column-district__title.sal-animate:after { animation: fadeLeft 1s cubic-bezier(.77, 0, .175, 1); opacity: 1; } .amp-single-page .x3-column-district__description { margin-bottom: 15px; } .amp-single-page .x3-column-district__description *, .amp-single-page .x3-column-district__description p { color: #7e8080; font-size: 15px; line-height: 25px; } .amp-single-page .x3-column-district__item { margin: auto; padding: 0 0 50px; width: 100%; } .amp-single-page .x3-column-district__item--title { color: #222729; font-size: 30px; line-height: 39px; margin-bottom: 10px; padding: 10px 0 0; position: relative; } .amp-single-page .x3-column-district__item--title:not(:has(+.x3-column-district__item--subtitle)) { border-bottom: 2px solid #dc9b14; padding-bottom: 15px; padding-top: 15px; } .amp-single-page .x3-column-district__item--subtitle { border-bottom: 2px solid #dc9b14; color: #7e8080; font-size: 14px; line-height: 19px; margin-bottom: 15px; padding-bottom: 15px; text-transform: uppercase; } .amp-single-page .x3-column-district__item--description { margin-bottom: 20px; } .amp-single-page .x3-column-district__item--description *, .amp-single-page .x3-column-district__item--description p { color: #7e8080; font-size: 15px; line-height: 25px; } .amp-single-page .single-image { border-top: none; margin: auto; padding: 30px 0 80px; position: relative; width: 100%; } .amp-single-page .single-image__title { color: #222729; font-size: 35px; line-height: 42px; margin-bottom: 40px; padding-top: 25px; position: relative; } .amp-single-page .single-image__title:after { background: #dc9b14; content: ""; height: 2px; left: 0; opacity: 1; position: absolute; top: 0; width: 38px; } .amp-single-page .single-image__title.sal-animate:after { animation: fadeLeft 1s cubic-bezier(.77, 0, .175, 1); opacity: 1; } .amp-single-page .single-image__image { text-align: center; } .amp-single-page .single-image__image img, .amp-single-page .single-image__image picture { max-width: 100%; } .module__heading__title { font-size: 52px; font-weight: 900; margin-bottom: 0; } .amp-single-page .text-image-repeater__content { margin-bottom: 45px; } .amp-single-page .text-image-repeater__content .module__heading { margin-bottom: 0; } .amp-single-page .text-image-repeater__content .module__heading__title { color: #222729; font-size: 35px; line-height: 42px; padding-bottom: 25px; padding-top: 25px; position: relative; } .amp-single-page .text-image-repeater__content .module__heading__title:after { background: #dc9b14; content: ""; height: 2px; left: 0; opacity: 1; position: absolute; top: 0; width: 38px; } .amp-single-page .text-image-repeater__content .module__heading__title.sal-animate:after { animation: fadeLeft 1s cubic-bezier(.77, 0, .175, 1); opacity: 1; } .amp-single-page .text-image-repeater__content__description { color: #7e8080; font-size: 15px; line-height: 25px; } .amp-single-page .text-image-repeater__image { margin-bottom: 50px; padding-left: 15px; padding-right: 15px; } .flex-row-reverse .text-image-repeater__image { padding-left: 0; padding-right: 0; } /* Page end */ /* Our properties */ @media (max-width:61.99em) { .tease--property { background-color: #fff; } } .cdl-ajax__filter { display: none; } .cdl-ajax .grid-item { margin-bottom: 40px; position: relative; } .tease--property:after { background: 0 0; border: 0 solid transparent; content: ""; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; transition: border-width .2s, border-color .2s; width: 100%; z-index: 1; } .tease--property:hover { box-shadow: 10px 4px 20px 0 rgba(0, 0, 0, .36); transform: translateY(-8px); } .tease--property:hover:after { border-color: #dc9b14; border-width: 8px; } .tease__thumbnail { background-color: #f8f8f8; overflow: hidden; position: relative; } .tease__thumbnail .amp-wp-enforced-sizes { display: block ; } .tease--property .tease__thumbnail { aspect-ratio: unset; } .property-listing .tease--property .tease__thumbnail>i, .news-listing .tease--post .tease__thumbnail>i, .property-ready-to-move .tease--property .tease__thumbnail>i { display: none; } .tease__thumbnail img { height: 100%; width: 100%; } .tease__caption { font-size: 11px; } .tease__extra-info { background: rgba(216,152,18,.8); bottom: 0; color: #fff; font-size: 14px; left: 0; padding: 12px 15px; position: absolute; text-align: center; width: 100%; z-index: 1; } .tease--property .tease__caption { bottom: 15px; color: #fff; position: absolute; right: 15px; } .tease__content { cursor: context-menu; padding: 23px; } .tease__content a { color: #000; } .tease--property .tease__content { padding: 30px 40px; } @media (max-width:35.4375em) { .tease--property .tease__content { padding: 30px 0; } } .tease__content ul { list-style: none; padding-left: 0; margin-bottom: 1rem; } .tease__content__label { color: #7e8080; display: block; font-size: 11px; letter-spacing: 1px; margin-bottom: 2px; text-transform: uppercase; } .tease__content__title { color: #222729; font-family: Noto Sans, Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 700; margin-bottom: 20px; } .tease--property .tease__content__title { font-size: 21px; font-weight: 700; margin-bottom: 15px; } @media (max-width:74.9375em) { .tease--property .tease__content__title { font-size: 18px; } } .tease__content__title:hover { color: #000 ; } .tease__content__link { border-bottom: 2px solid #dc9b14; display: inline-block; font-size: 14px; font-weight: 700; letter-spacing: .07em; position: relative; text-transform: uppercase; } .tease__content__link:hover { color: #dc9b14; } .tease__content__buttons { display: flex; flex-wrap: wrap; margin-bottom: 15px; } .tease__content__buttons li:not(:last-child) { margin-right: 5px; } .tease__content__buttons li { margin-bottom: 5px; } .tease__content__buttons li a { border: 2px solid transparent; border-radius: 25px; display: inline-block; font-size: 14px; font-weight: 500; padding: 3px 15px; } .tease__content__buttons li a.for-sale { border-color: #dc9b14; color: #dc9b14 } .tease__content__buttons li a.for-sale:hover { background-color: #dc9b14; color: #fff } .tease__content__buttons li a.for-lease { border-color: #027a9f } .tease__content__buttons li a.for-lease:hover { background-color: #027a9f; color: #fff } .tease__content__buttons li a.sold-out { border-color: #6e7376 } .tease__content__buttons li a.sold-out:hover { background-color: #6e7376; color: #fff } .tease__content__buttons li a.launching-soon { border-color: #7e2553 } .tease__content__buttons li a.launching-soon:hover { background-color: #7e2553; color: #fff } .tease__content__list li { align-items: center; border-bottom: 1px solid #d5d5d5; color: #7e8080; display: flex; font-size: 15px; padding: 8px 0; } .tease__content__list li amp-img { width: 40px; max-height: 18px; margin-left: -10px; } .tease__content__list li amp-img.amp-wp-enforced-sizes[layout=intrinsic] > img, .tease__content__list li .amp-wp-unknown-size > img{ object-fit: scale-down; } .tease__content__list li svg { margin-right: 8px; width: 20px; } /*Our properties end */ /* Latest news*/ .amp-single-page .module.news-listing { padding-bottom: 0; } .amp-single-page .tease--post { background-color: #fff; } .amp-single-page .tease--post:after { background: 0 0; border: 0 solid transparent; content: ""; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; transition: border-width .2s, border-color .2s; width: 100%; z-index: 1; } .amp-single-page .tease--post:hover { box-shadow: 10px 4px 20px 0 rgba(0, 0, 0, .36); transform: translateY(-8px); } .amp-single-page .tease--post:hover:after { border-color: #dc9b14; border-width: 8px; } .amp-single-page .tease--post:hover>a { color: #222729; } .amp-single-page .tease__thumbnail { background-color: #f8f8f8; overflow: hidden; position: relative; } .amp-single-page .tease--post .tease__thumbnail:not(.auto-ratio) { aspect-ratio: unset; } .amp-single-page .tease__thumbnail img { height: 100%; width: 100%; } .tease--post .tease__caption { background-color: #8bc145; color: #fff; display: block; line-height: 11px; padding: 15px; } .amp-single-page .tease__content { cursor: context-menu; padding: 23px; } @media (max-width:47.99em) { .amp-single-page .tease--post .tease__content { padding: 25px 15px 40px; } } .amp-single-page .tease__content__title { color: #222729; font-family: Noto Sans, Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 700; margin-bottom: 20px; } .amp-single-page .tease--post .tease__content__title { font-weight: 700; } @media (max-width:95.3125em) { .amp-single-page .tease--post .tease__content__title { font-size: 16px; } } .widget_news-listing .tease--post .tease__content__title { font-size: 21px; line-height: 1.2; } .amp-single-page .tease__content__title:hover, a:hover>.tease__content__title { color: #000 ; } .amp-single-page .tease__content__description p { color: #7e8080; font-size: 15px; line-height: 24px; margin-bottom: 1rem; } .amp-single-page .tease__content__link { border-bottom: 2px solid #dc9b14; display: inline-block; font-size: 14px; font-weight: 700; letter-spacing: .07em; position: relative; text-transform: uppercase; } .amp-single-page .tease__content__link:hover { color: #dc9b14; } /* Latest news*/ /* Property map */ .ap_m_3 .h-txt { font-size: 38px; font-weight: 700; margin-bottom: 0; font-family: Noto Sans Bold, Helvetica, Arial, sans-serif; text-align: left; margin-top: 60px; } /* Property map */ /* Upcoming launches */ .amp-single-page .up-launching { padding-bottom: 30px; padding-top: 0; } .amp-single-page .up-launching__wrap { border-left: 0; } .amp-single-page .up-launching__single { background: #fff; border-left: 0; border-top: 1px solid #d4d4d4; margin: 0 0 25px; padding: 35px 0 0; position: relative; transition: all .3s ease; } .amp-single-page .up-launching__single h2 { color: #d99814; font-family: Noto Sans Bold, Helvetica, Arial, sans-serif; font-size: 25px; font-weight: 700; padding-bottom: 20px; } .amp-single-page .up-launching__single h3 { color: #222729; font-family: Noto Sans, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; line-height: 20px; padding-bottom: 18px; } .amp-single-page .up-launching__single h3 span { color: #7e8080; display: block; font-family: Noto Sans, Helvetica, Arial, sans-serif; font-size: 11px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; } .amp-single-page .up-launching__single-link { background: #ffc100; background: linear-gradient(90deg, #ffc100 0, #de9d14); color: #fff; display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: .25em; opacity: 1; margin: 20px 0 12px; padding: 12px 50px 12px 31px; position: static; text-align: center; right: 0; text-transform: uppercase; top: 0; transition: all 1.5s ease; visibility: visible; width: 100%; } .amp-single-page .up-launching__single-link:active, .amp-single-page .up-launching__single-link:focus, .amp-single-page .up-launching__single-link:hover { color: #fff; } .amp-single-page .up-launching__single:active, .amp-single-page .up-launching__single:focus, .amp-single-page .up-launching__single:hover { border-left: none; box-shadow: none; position: relative; z-index: 2; } .amp-single-page .up-launching__single:active .up-launching__single-link, .amp-single-page .up-launching__single:focus .up-launching__single-link, .amp-single-page .up-launching__single:hover .up-launching__single-link { opacity: 1; visibility: visible; } /* Recent launch */ .amp-single-page .recent-launches__wrapper { border-top: 1px solid #d5d5d5; padding: 50px 0 100px; } .amp-single-page .recent-launches__heading { color: #222729; font-size: 30px; font-weight: 700; line-height: 40px; margin-bottom: 40px; text-align: center; } .amp-single-page .recent-launches__item:not(:last-child) { margin-bottom: 40px; } .amp-single-page .recent-launches__item-wrap { overflow: hidden; position: relative; transition: transform .3s ease; } .amp-single-page .recent-launches__item-link { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 3; } .amp-single-page .recent-launches__item-content:before, .amp-single-page .recent-launches__item-image:before { background: 0 0; border: 0 solid transparent; content: ""; height: 100%; left: 0; position: absolute; top: 0; transition: border-width .2s, border-color .2s; width: 100%; z-index: 1; } .amp-single-page .recent-launches__item-image { overflow: hidden; position: relative; } .amp-single-page .recent-launches__item-image img { transition: all .5s ease; } .amp-single-page .recent-launches__item-image-caption { bottom: 15px; color: #fff; font-size: 11px; line-height: 11px; position: absolute; right: 15px; } .amp-single-page .recent-launches__item-content { padding: 30px 0px; } .amp-single-page .recent-launches__item-content-top { color: #7e8080; display: block; font-size: 11px; letter-spacing: 1px; margin-bottom: 2px; text-transform: uppercase; } .amp-single-page .recent-launches__item-content-title { color: #222729; font-size: 21px; font-weight: 700; padding: 0; } .amp-single-page .recent-launches__item-content-location { border-bottom: 1px solid #d5d5d5; color: #7e8080; font-size: 15px; line-height: 24px; margin: 15px 0 0; padding: 8px 0; display: flex; align-items: center; gap: 8px; } .amp-single-page .recent-launches__item-content-location amp-img { width: 19px; margin-left: 0px; max-height: 18px; min-height: 18px; } .amp-single-page .recent-launches__item-content-location svg { margin-left: 3px; margin-right: 8px; width: 20px; } .amp-single-page .recent-launches__item-content--link { border-bottom: 2px solid #dc9b14; color: #222729; display: inline-block; font-size: 14px; font-weight: 700; letter-spacing: 2px; margin: 30px 0 0; position: relative; text-transform: uppercase; z-index: 5; } .amp-single-page .recent-launches__item-content--link:active, .amp-single-page .recent-launches__item-content--link:focus, .amp-single-page .recent-launches__item-content--link:hover { color: #dc9b14; } .amp-single-page .recent-launches__buttons .link { background: #000; border: none; color: #fff; display: block; font-size: 15px; font-weight: 700; letter-spacing: 1px; margin: 50px 0 0; padding: 18px 0; text-align: center; text-transform: uppercase; width: 100%; } .amp-single-page .recent-launches__buttons .link:active, .amp-single-page .recent-launches__buttons .link:focus, .amp-single-page .recent-launches__buttons .link:hover { background: #ffc100; background: linear-gradient(90deg, #ffc100 0, #de9d14); } /* Upcoming launches end*/ /* About */ .amp-single-page .about-cdl .module__heading, .amp-single-page .about-cdl .module__heading__subtitle { margin-bottom: 0; } .amp-single-page .about-cdl .module__heading__title { font-size: 35px; line-height: 42px; padding-top: 25px; } @media (min-width:48em) and (max-width:74.9375em) { .amp-single-page .about-cdl .module__heading__title { font-size: 30px; line-height: 40px; } } @media (max-width:47.99em) { .amp-single-page .about-cdl .module__heading__title { font-size: 33px; } } .amp-single-page .about-cdl__content__description p { color: #7e8080; font-size: 15px; line-height: 24px; margin-bottom: 0; padding: 25px 0 0; } .amp-single-page .about-cdl__content__image { left: 50%; margin-left: -50vw; padding-top: 50px; width: 100vw; position: relative; } .amp-single-page .about-innovation .row .col-lg-4 { position: relative; } .amp-single-page .about-innovation .module__heading, .amp-single-page .about-innovation .module__heading__subtitle { margin-bottom: 0; } .amp-single-page .about-innovation .module__heading__title { font-size: 35px; line-height: 42px; padding-top: 25px; } @media (min-width:48em) and (max-width:74.9375em) { .amp-single-page .about-innovation .module__heading__title { font-size: 30px; line-height: 40px; } } @media (max-width:47.99em) { .amp-single-page .about-innovation .module__heading__title { font-size: 33px; } } .amp-single-page .about-innovation__image-wrap { left: 100%; margin-left: -50vw; position: relative; width: 100vw; } @media (max-width:61.99em) { .amp-single-page .about-innovation__image-wrap { left: 50%; } } .amp-single-page .about-innovation__image { margin-left: 10vw; padding-left: 90px; position: relative; width: 40vw; } @media (max-width:61.99em) { .amp-single-page .about-innovation__image { margin: auto; padding: 0; width: 100vw; } } .amp-single-page .about-innovation__image img { height: auto; width: 100%; } .amp-single-page .about-innovation__content--midle { background: #000; margin: 80px 15px 0 -100px; padding: 50px 30px; } @media (max-width:74.9375em) { .amp-single-page .about-innovation__content--midle { margin-left: -60px; margin-right: 0; padding: 25px; } } @media (max-width:61.99em) { .amp-single-page .about-innovation__content--midle { margin-left: 0; margin-top: -50px ; padding: 25px; } } .amp-single-page .about-innovation__content--midle span { color: #fff; display: block; font-size: 14px; text-transform: uppercase; } .amp-single-page .about-innovation__content--midle h2 { color: #dc9b14; font-size: 35px; font-weight: 700; line-height: 42px; margin-bottom: 0; padding: 15px 0 0; } @media (max-width:47.99em) { .amp-single-page .about-innovation__content--midle h2 { font-size: 21px; line-height: 28px; } } @media (max-width:74.9375em) { .amp-single-page .about-innovation__content--midle h2 { font-size: 20px; line-height: 24px; } } .amp-single-page .content-wrapper .about-innovation__content--midle p { color: #fff; font-size: 15px; line-height: 24px; margin-bottom: 0; padding: 25px 0 0; } .amp-single-page .about-innovation__content--midle p.lead { font-size: 12px; } .amp-single-page .about-innovation__content--end { margin-top: 80px; } .amp-single-page .about-innovation__content--end p { color: #7e8080; font-size: 15px; line-height: 24px; margin-bottom: 0; padding: 25px 0 0; } .amp-single-page .content-wrapper:has(.about-grid){ margin-bottom: 0; } .amp-single-page .about-grid { margin-left: -10px; margin-right: -10px; } .amp-single-page .about-grid__wrapper { margin: auto -15px; } @media (max-width:74.9375em) { .amp-single-page .about-grid__wrapper { margin: auto -6px; } } .amp-single-page .about-grid__wrapper .grid-item { margin-bottom: 40px; padding-left: 15px; padding-right: 15px; width: 33.33%; } @media (max-width:61.99em) { .amp-single-page .about-grid__wrapper .grid-item { width: 50%; } } @media (max-width:35.4375em) { .amp-single-page .about-grid__wrapper .grid-item { width: 100%; } } .amp-single-page .about-grid__content { overflow: hidden; position: relative; transition: transform .3s ease; } .amp-single-page .about-grid__content:after { background: #fff; border: 0 solid transparent; content: ""; height: 100%; top: 0; transition: border-width .2s, border-color .2s; width: 100%; z-index: 1; } @media (min-width:62em) { .amp-single-page .about-grid__content:active, .amp-single-page .about-grid__content:focus, .amp-single-page .about-grid__content:hover { -webkit-backface-visibility: hidden; backface-visibility: hidden; box-shadow: 0 6px 25px 0 rgba(0, 0, 0, .2); -webkit-box-shadow: 0 6px 25px 0 rgba(0, 0, 0, .2); transform: translate3d(0, -10px, 0); } .amp-single-page .about-grid__content:active .about-grid__image:before, .amp-single-page .about-grid__content:focus .about-grid__image:before, .amp-single-page .about-grid__content:hover .about-grid__image:before { border-color: #dc9b14; border-width: 8px; border-bottom: 0; } .amp-single-page .about-grid__content:active .about-grid__text:before, .amp-single-page .about-grid__content:focus .about-grid__text:before, .amp-single-page .about-grid__content:hover .about-grid__text:before { border-color: #dc9b14; border-width: 8px; border-top: 0; } } .amp-single-page .about-grid__image { overflow: hidden; position: relative; } .amp-single-page .about-grid__image img { width: 100%; } .amp-single-page .about-grid__image:before { background: 0 0; border: 0 solid transparent; content: ""; height: 100%; left: 0; position: absolute; top: 0; transition: border-width .2s, border-color .2s; width: 100%; z-index: 1; } .amp-single-page .about-grid__image--caption { bottom: 15px; color: #fff; font-size: 11px; position: absolute; right: 15px; } .amp-single-page .about-grid__text { padding: 30px 40px; } @media (max-width:74.9375em) { .amp-single-page .about-grid__text { padding-left: 20px; padding-right: 20px; } } @media (max-width:35.4375em) { .amp-single-page .about-grid__text { padding-left: 0; padding-right: 0; } } .amp-single-page .about-grid__text:before { background: 0 0; border: 0 solid transparent; content: ""; height: 100%; left: 0; position: absolute; top: 0; transition: border-width .2s, border-color .2s; width: 100%; z-index: 1; } .amp-single-page .about-grid__subtitle { color: #dc9b14; font-size: 16px; font-weight: 700; line-height: 20px; } @media (max-width:74.9375em) { .amp-single-page .about-grid__subtitle { font-size: 14px; } } .amp-single-page .about-grid__title { color: #222729; font-size: 21px; font-weight: 700; line-height: 1.2; padding: 0; } @media (max-width:74.9375em) { .amp-single-page .about-grid__title { font-size: 18px; } } .amp-single-page .about-grid__description { position: relative; } .amp-single-page .about-grid__description ol { padding: 20px 0 0 2rem; list-style-position: outside; } .amp-single-page .about-grid__description ol li, .amp-single-page .about-grid__description p { color: #7e8080; font-size: 15px; line-height: 24px; } .amp-single-page .about-grid__description p { padding: 20px 0 0; } .amp-single-page .about-grid__description p.lead { font-size: 12px; } /* About end */ /* Construction progress */ .amp-single-page .construction-progress { padding-bottom: 100px; padding-top: 0; } .amp-single-page .construction-progress__accordion__item { margin-bottom: 23px; } .amp-single-page .construction-progress__accordion__item.active .construction-progress__accordion__item__heading { background-color: #dc9b14; color: #fff; } .amp-single-page .construction-progress__accordion__item.active .construction-progress__accordion__item__heading small { color: #fff; } .amp-single-page .construction-progress__accordion__item a:hover .construction-progress__accordion__item__heading:before { display: block; } .amp-single-page .construction-progress__accordion__item__heading { border-bottom: 1px solid #dc9b14; display: flex; justify-content: space-between; padding: 15px; position: relative; transition: all .5s ease; } .amp-single-page .construction-progress__accordion__item.active .construction-progress__accordion__item__heading::before { border: 4px solid #dc9b14; box-shadow: 2.2px 3.3px 7px 0 rgba(0, 0, 0, .16); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .amp-single-page .construction-progress__accordion__item.active .construction-progress__accordion__item__heading:after { border: 20px solid transparent; border-bottom: none; border-top-color: #dc9b14; bottom: -20px; content: ""; display: block; left: inherit; position: absolute; right: 20px; top: inherit; } .amp-single-page .construction-progress__accordion__item__heading .item:last-child { display: flex; flex: 0 0 0; justify-content: flex-end; } .amp-single-page .construction-progress__accordion__item__heading .item__title { font-family: Noto Sans, Helvetica, Arial, sans-serif; font-size: 15px; font-weight: 700; margin-bottom: 5px; } .amp-single-page .construction-progress__accordion__item__heading .item__text { display: block; font-size: 11px; } .amp-single-page .construction-progress__accordion__item__heading .item__text small { font-size: 14px; } .amp-single-page .construction-progress__accordion__item__heading .item .inner { margin-right: 15px; text-align: end; } .amp-single-page .construction-progress__accordion__item.active .item__icons { position: relative; } .amp-single-page .construction-progress__accordion__item.active .item__icons amp-img:last-child { opacity: 1; } .amp-single-page .construction-progress__accordion__item:not(.active) .item__icons amp-img:first-child { opacity: 1; } .amp-single-page .construction-progress__accordion__item__heading .item__icons amp-img:last-child { left: 0; opacity: 0; position: absolute; } .amp-single-page .construction-progress__accordion__item__heading .item__icons, .amp-single-page .construction-progress__accordion__item__heading .item__icons amp-img:last-child img { width: 40px; } .amp-single-page .construction-progress__accordion__item__heading .item__icons img { width: 30px; } .amp-single-page .construction-progress__accordion__item.active .construction-progress__accordion__item__content { display: block; } .amp-single-page .construction-progress__accordion__item__content { display: none; padding: 25px 10px; } .amp-single-page .construction-progress__accordion__item__content--label { display: block; font-size: 12px; margin-bottom: 30px; } .amp-single-page .construction-progress__accordion__item__content--table-wrapper { padding: 0; } .amp-single-page .construction-progress__accordion__item__content--table { width: 100%; } .amp-single-page .construction-progress__accordion__item__content--table tr td { border-bottom: 1px solid #dc9b14; border-top: 1px solid #dc9b14; font-size: 11px; padding: 5px 15px; } .amp-single-page .construction-progress__accordion__item__content--table tr td.text-center { text-align: center; } .amp-single-page .construction-progress__footer--text { display: block; font-size: 14px; margin-bottom: 50px; } .amp-single-page .construction-progress__footer--text a { display: inline-block; font-size: 15px; font-weight: 700; letter-spacing: .07em; margin-top: 25px; } .amp-single-page .construction-progress__footer--text a:hover { color: #dc9b14; } .amp-single-page .construction-progress__footer--notice { color: #7e8080; font-size: 11px; line-height: 20px; } .amp-single-page .construction-progress__accordion__item__content--table { width: 100% ; display: inline-table; } .amp-single-page .construction-progress__accordion__item__content--table tr td { border-bottom: 1px solid #dc9b14; border-top: 1px solid #dc9b14; border-left: unset; border-right: unset; background: unset; font-size: 11px; padding: 5px 15px; } .amp-single-page .construction-progress__accordion__item__content--table tr td.text-center { text-align: center ; } .amp-single-page table.construction-progress__accordion__item__content--table tr { text-align: unset; padding-left: 20px; border: unset; } /* Construction progress end*/ /* Mortgage calculator */ .amp-single-page .mortgage-calculator__title { color: #222729; font-family: Noto Sans, Helvetica, Arial, sans-serif; font-size: 21px; font-weight: 700; margin-bottom: 0; } .amp-single-page .mortgage-calculator__content p { color: #7e8080; font-size: 15px; line-height: 28px; margin-bottom: 0; padding: 25px 0 0; } .amp-single-page .mortgage-calculator__content small { display: block; font-size: 80%; font-weight: 400; line-height: 20px; } .amp-single-page .mortgage-calculator__form { margin-bottom: 30px; } .amp-single-page .mortgage-calculator__form .button { background: 0 0; border: 1px solid #dc9b14; color: #dc9b14; display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: .07em; margin-top: 30px; padding: 10px 32px; text-align: center; text-transform: uppercase; transition: all .5s ease; } /* Mortgage calculator end */ /* Enquiry page */ .amp-single-page .enquiry-form__heading { margin-bottom: 15px; margin-top: 80px; position: relative; } .amp-single-page .enquiry-form__heading--title { font-size: 25px; margin-bottom: 25px; padding-top: 22px; padding-right: 40px; position: relative; } .amp-single-page .enquiry-form__heading .cdl-breadcrumb__lists:before { background: #dc9b14; content: ""; height: 2px; left: 0; opacity: 1; position: absolute; top: -22px; width: 38px; } .amp-single-page .enquiry-form__heading--description { color: #7e8080; font-size: 18px; font-size: 15px; line-height: 24px; margin-bottom: 30px; } .amp-single-page:has(.enquiry-form__heading) .amp-post-title { display: none; } /* Enquiry page end*/ /* Footer */ .f-w-f2 { padding: 0; border: unset ; } .footer { background-color: #000; color: #fff ; padding: 90px 15px 30px; margin-top: 0; } .footer a { color: inherit; font-size: 14px; } .footer ul { list-style: none; margin-bottom: 0; padding-left: 0; } .footer__base .row .col-md-6 { width: 100%; } .footer__base { margin-bottom: 90px; } .footer__logo { position: relative; margin-bottom: 70px; text-align: center; } .footer__logo img { height: 450px; /* margin-top: -41px; */ } .footer__nav .nav__item:not(:last-child) { margin-bottom: 3px; } .footer__nav .nav__item:last-child { margin-bottom: 20px; } .footer__nav .nav__link:hover { color: #dc9b14; padding-left: 15px; } .footer__item:first-child { border-top: 1px solid hsla(0, 0%, 100%, .3); padding-top: 25px; } .footer__item:not(:last-child) { margin-bottom: 38px; } .footer__item--title { font-size: 19px; font-weight: 700; margin-bottom: 38px; color: #fff; } .footer span { color: #fff ; } .footer .row { flex-wrap: wrap; text-align: start; } .footer__item__subscribe { margin-bottom: 30px; } .footer__item__subscribe--title { color: #7e8080; font-size: 14px; font-weight: 700; letter-spacing: .07em; margin-bottom: 22px; text-transform: uppercase; } .footer__item__subscribe .button { color: #dc9b14; padding: 10px 50px; } .footer__item__subscribe .button:hover { color: #fff; } .footer__item__social { margin-bottom: 25px; } .footer__item__social ul { display: flex; } .footer__item__social ul li:not(:last-child) { margin-right: 12px; } .footer__item__social ul li a { align-items: center; border: 1px solid #fff; border-radius: 50%; display: flex; font-size: 18px; height: 38px; justify-content: center; width: 38px; } .footer__item__social ul li a:hover { border-color: #dc9b14; color: #dc9b14; } .footer__item__qr { align-items: center; display: flex; } .footer__item__qr img { margin-right: 12px; } .footer__item__qr span { color: #717171; font-size: 14px; } .footer .rr { font-size: unset; color: unset; margin: unset; } .footer .rr>span { display: none; } span.nav__title { line-height: 1.5; } ul.footer__tab__nav { display: flex; margin-bottom: 30px ; } .footer__tab__nav li:not(:last-child) { margin-right: 15px; } .footer__tab__nav li span { border-bottom: 1px solid #7e8080; color: #7e8080; font-size: 14px; font-weight: 700; padding-bottom: 4px; text-transform: uppercase; } .footer__tab__nav li span.active { border-color: #dc9b14; color: #dc9b14; } .footer__tab__item { animation: fadeEffect 1s; display: none; } .footer__tab__item.active { display: block; } .footer__tab__item ul li { align-items: flex-start; display: flex; } .footer__tab__item ul li:not(:last-child) { margin-bottom: 20px; } .footer__tab__item ul li i { margin-right: 20px; position: relative; top: 4px; } .footer__tab__item .inner { line-height: 100%; } .footer__tab__item .inner a { border-bottom: 1px solid #fff; padding-bottom: 1px; } .footer__tab__item .inner a:hover { border-color: #dc9b14; color: #dc9b14; } .footer__tab__item--label, .footer__tab__item--value { font-size: 14px; } .footer__tab__item--label { display: inline-block; } .footer__tab__item--value { line-height: 26px; } .footer__tab__item--value.address { color: #7e8080; } .footer__legal { align-items: center; display: flex; flex-wrap: wrap; justify-content: space-between; text-align: center; } .footer__legal__copyright { font-size: 12px; margin-bottom: 20px ; } .footer__legal__nav { flex: 0 0 100%; } .footer__legal__nav .nav { display: flex; justify-content: center; } .footer__legal__nav .nav__item:not(:last-child) { margin-right: 15px; } .footer__legal__nav .nav__link { font-size: 12px; } .footer__legal__nav .nav__link:hover { color: #dc9b14; } /* Footer end */ /* Homepage */ .amp-frontpage .content-wrapper .pg { margin-top: -20px; } .amp-frontpage .module.homepage-banner { width: 100vw; left: -20px; position: relative; } .amp-frontpage .link { align-items: center; color: #222729; display: inline-flex; font-size: 15px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; } .amp-frontpage .link:hover { color: #dc9b14; } .amp-frontpage .link:hover i { transform: translate3d(15px, 0, 0); } .amp-frontpage .link img { margin-left: 4px; } .amp-frontpage .link amp-img .amp-frontpage .homepage-banner .swiper, .amp-frontpage .homepage-banner .swiper-slide, .amp-frontpage .homepage-banner .swiper-wrapper { height: 100%; } .amp-frontpage .homepage-banner .swiper-slide .row { align-items: center; height: 100%; } .amp-frontpage .homepage-banner .swiper-slide .row .col:first-child { height: 100%; } .amp-frontpage .homepage-banner__image { opacity: 1; position: relative; width: 100%; } .amp-frontpage .homepage-banner amp-carousel { height: 700px; } .amp-frontpage .homepage-banner__image img { width: 100%; } .amp-frontpage .homepage-banner__image--label { bottom: 70px; color: #fff; font-size: 11px; position: absolute; right: 40px; } .amp-frontpage .homepage-banner__content { opacity: 1; background: #fff; margin-left: 30px; margin-right: 30px; margin-top: -405px; padding: 40px 30px; z-index: 1; position: relative; } .amp-frontpage .homepage-banner__content--title { color: #dc9b14; font-family: Noto Sans, Helvetica, Arial, sans-serif; font-size: 17px; font-weight: 700 ; letter-spacing: .07em; line-height: 26px; margin-bottom: 15px; padding-top: 18px; position: relative; } .amp-frontpage .homepage-banner__content--title:before { background-color: #dc9b14; content: ""; height: 2px; left: 0; position: absolute; top: 0; width: 35px; } html[lang="zh-CN"] .amp-frontpage .homepage-banner__content--description { font-family: Noto Sans,Helvetica,Arial,sans-serif; font-weight: 400; } .amp-frontpage .homepage-banner__content--description { font-family: Noto Sans Bold, Helvetica, Arial, sans-serif; font-size: 28px; font-weight: 700; line-height: 34px; margin-bottom: 25px; padding: 0px; } .amp-frontpage .property-search-form { color: #fff; padding-bottom: 60px; margin-top: 0; padding-top: 0; position: relative; z-index: 1; width: 100vw; margin-left: -20px; } .amp-frontpage .property-search-form label, .amp-frontpage .property-search-form__text { display: none; } .amp-frontpage .property-search-form__text { align-items: center; display: flex; font-weight: 700; margin-right: 0; } .amp-frontpage .property-search-form form { background-color: #000; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .4); padding: 25px; margin: 0; } .amp-frontpage .property-search-form .col { display: flex; flex-wrap: wrap; gap: 2rem; justify-content: center; flex-direction: column; align-content: center; } .amp-frontpage .property-search-form .button { background: 0 0; border: 1px solid #dc9b14; color: #dc9b14; display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: .07em; padding: 10px 32px; text-align: center; text-transform: uppercase; transition: all .5s ease; } .amp-frontpage .property-search-form .button:hover { background-color: #dc9b14; color: #fff; } .amp-frontpage .property-search-form .button { display: inline-block; width: auto; } /* Properties */ .amp-frontpage .property-carousel .module__heading { margin-bottom: 0; } .amp-frontpage .property-carousel .module__heading__subtitle { margin-bottom: 13px; } .amp-frontpage .property-carousel__meta { align-items: flex-start; display: flex; justify-content: flex-start; margin-bottom: 47px; flex-direction: column; margin-top: 20px; } .amp-frontpage .property-carousel .swiper { margin-bottom: 40px; padding: 10px 0; } .amp-frontpage .property-carousel .swiper-navigation { display: flex; } .amp-frontpage .property-carousel .swiper-navigation__arrow:not(:last-child) { margin-right: 15px; } .amp-frontpage .property-carousel .swiper-slide { height: 100%; opacity: 1; width: 100%; } .amp-frontpage .property-carousel .swiper-slide.featured { width: 480px; } .amp-frontpage .property-carousel .swiper-slide .tease:not(:last-child) { margin-bottom: 25px; } .amp-frontpage .tease { transition: all .5s ease; } .amp-frontpage .tease--property-carousel--empty { padding: 25px; } .amp-frontpage .tease--property-carousel--empty:not(.auto-ratio) { aspect-ratio: 288/200; } .amp-frontpage .tease--property-carousel--empty>a { align-items: flex-end; width: 50%; } .amp-frontpage .tease--property-carousel--empty>a i { position: relative; top: -2px; } .amp-frontpage .property-carousel .amp-frontpage .tease__thumbnail img { -o-object-fit: cover; object-fit: cover; transition: all .5s ease; } .amp-frontpage .tease__overlay { height: 100%; max-height: 260px; left: 0; position: absolute; top: 0; width: 100%; } .amp-frontpage .tease__overlay { background: rgba(34, 39, 41, .25); color: #fff; display: flex; flex-direction: column; justify-content: space-between; padding: 10px; } .amp-frontpage .tease__overlay__bottom { align-items: flex-end; display: flex; justify-content: space-between; margin-bottom: 23px; } .amp-frontpage .tease__label { display: block; font-size: 11px; letter-spacing: .07em; margin-bottom: 10px; text-transform: uppercase; } .amp-frontpage .tease__title { font-family: Noto Sans, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 700; } .amp-frontpage .featured .tease__title { font-size: 35px; } .amp-frontpage .tease--property-carousel .tease__title { font-weight: 700; } .amp-frontpage .tease__icon { align-items: center; border: 1px solid #fff; border-radius: 50%; display: flex; height: 34px; justify-content: center; transition: all .5s ease; width: 34px; } .amp-frontpage .tease__caption { font-size: 11px; display: none; } .amp-frontpage .module__heading__subtitle { color: #7e8080; display: block; font-size: 14px; letter-spacing: .07em; margin-bottom: 15px; padding-top: 18px; position: relative; text-transform: uppercase; } .amp-frontpage .module__heading__subtitle:before { background-color: #dc9b14; content: ""; display: block; height: 2px; left: 0; opacity: 1; position: absolute; top: 0; width: 35px; } .amp-frontpage .property-carousel .module__heading__subtitle { margin-bottom: 13px; } html[lang="zh-CN"] .amp-frontpage .module__heading__title { font-weight: 400; } .amp-frontpage .module__heading__title { font-size: 38px; line-height: 44px; font-weight: 900; margin-bottom: 20px; } .amp-frontpage .property-carousel__meta>a { margin-bottom: 25px; } .amp-frontpage .property-carousel .swiper-navigation { display: flex; } /* News */ .amp-frontpage .module.news-carousel { background-color: #e6e3d8; padding-bottom: 80px; padding-top: 80px; width: 100vw; margin-left: -20px; padding-left: 15px; padding-right: 15px; } .amp-frontpage .news-carousel .module__heading__title { margin-bottom: 20px; } .amp-frontpage .news-carousel__swiper { position: relative; z-index: 1; } .amp-frontpage .news-carousel .swiper { overflow: unset; padding-bottom: 10px; padding-top: 10px; margin-top: 36px; } .amp-frontpage .news-carousel .swiper-slide { height: unset; opacity: 1; pointer-events: none; } .amp-frontpage .news-carousel .tease__thumbnail i { display: none; } .amp-frontpage .tease--post { height: 100%; position: relative; } .amp-frontpage .tease--post:after { background: 0 0; border: 0 solid transparent; content: ""; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; transition: border-width .2s, border-color .2s; width: 100%; z-index: 1; } .amp-frontpage .tease--post:hover { box-shadow: 10px 4px 20px 0 rgba(0, 0, 0, .36); transform: translateY(-8px); } .amp-frontpage .tease--post:hover:after { border-color: #dc9b14; border-width: 8px; } .amp-frontpage .tease--post:hover .tease__thumbnail img { transform: scale(1.05); } .amp-frontpage .property-carousel .tease__thumbnail i { content: url(/wp-content/themes/cdlhomes-theme/img/ard-white.svg); transform: rotate(270deg); width: 12px; } .amp-frontpage .tease__caption { font-size: 11px; } .amp-frontpage .tease--post .tease__caption { background-color: #8bc145; color: #fff; display: block; line-height: 11px; padding: 15px; } .amp-frontpage .tease__content { cursor: context-menu; padding: 25px 15px 40px; background: #fff; } .amp-frontpage .tease__content__title { color: #222729; font-family: Noto Sans, Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 700; margin-bottom: 20px; } .amp-frontpage .tease--post .tease__content__title { font-weight: 700; } .amp-frontpage .tease__content__title:hover { color: #000 ; } .amp-frontpage .tease__content__link { border-bottom: 2px solid #dc9b14; display: inline-block; font-size: 14px; font-weight: 700; letter-spacing: .07em; position: relative; text-transform: uppercase; } .amp-frontpage .tease__content__link:hover { color: #dc9b14; } /* Text image */ .amp-frontpage .text-image { padding-bottom: 0; } .amp-frontpage .text-image { padding-top: 90px; } .amp-frontpage .text-image .container { margin-left: auto ; max-width: 1200px; } .amp-frontpage .text-image .row { align-items: center; } .amp-frontpage .text-image__image { margin-left: -20px; position: relative; width: 100vw; margin-top: 30px; margin-bottom: -8px; } .amp-frontpage .text-image__content { padding-left: 0px; } .amp-frontpage .text-image__content__description { color: #7e8080; font-size: 15px; line-height: 24px; margin-bottom: 25px; } .amp-frontpage .text-image a.link::after { content: url(/wp-content/themes/cdlhomes-theme/img/icons/arrow-right.svg); margin-left: 10px; margin-top: 3px; } .amp-frontpage .text-image .left { float: unset; } /* Image grid */ .amp-single-page .award-title { margin-bottom: 60px; } .amp-frontpage .images-grid { background-color: #f3f3f3; padding-bottom: 50px; padding-top: 50px; width: 100vw; margin-left: -20px; } .amp-frontpage .images-grid__wrapper { align-items: center; display: flex; flex-wrap: wrap; justify-content: center; } .amp-frontpage .images-grid__item amp-img, .amp-single-page .images-grid__item amp-img { width: 80%; margin: auto; } .amp-frontpage .images-grid__item, .amp-single-page .images-grid__item { flex: 0 0 100%; width: 100%; text-align: center; margin-bottom: 50px; } .amp-frontpage .images-grid__item:last-child img, .amp-frontpage .images-grid__item:last-child amp-img, .amp-single-page .images-grid__item:last-child amp-img { height: 200px; width: 35%; } .amp-frontpage .images-grid__item img { width: 100%; } .amp-frontpage .images-grid__item img { max-width: 100%; width: auto; } /* Homepage end */ /* Breadcrumb */ .amp-single.property .cdl-breadcrumb { margin-bottom: 27px; } .cdl-breadcrumb { margin-top: 80px; margin-bottom: 40px; } .cdl-breadcrumb__lists span { color: #e0a731; font-size: 12px; font-weight: 700; letter-spacing: .96px; line-height: normal; text-transform: uppercase; font-family: noto sans,sans-serif; } .cdl-breadcrumb__lists span span, .cdl-breadcrumb__lists span.breadcrumb_last { color: #2b2b2b; font-weight: 400; } .cdl-breadcrumb__lists span a { color: #7e8080; font-weight: 400; } /* Breadcrumb end*/ /*Ribbon*/ .cdl-ajax__lists .ribbon { --f: 10px; --r: 15px; background: rgba(216, 152, 18, .8); border-bottom: var(--f) solid rgba(0, 0, 0, .333); color: #fff; font-size: 14px; line-height: 1.3em; padding: 12px 15px; position: absolute; top: 15px; z-index: 99; } .cdl-ajax__lists .ribbon.right { border-left: var(--r) solid transparent; -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--f)), calc(100% - var(--f)) 100%, calc(100% - var(--f)) calc(100% - var(--f)), 0 calc(100% - var(--f)), var(--r) calc(50% - var(--f) / 2)); clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--f)), calc(100% - var(--f)) 100%, calc(100% - var(--f)) calc(100% - var(--f)), 0 calc(100% - var(--f)), var(--r) calc(50% - var(--f) / 2)); right: -10px; } /*End Ribbon*/ li.available_unit_type amp-img { min-width: 40px; } /*Virtual Tour start */ .amp-single.virtual-tour .sgl, .amp-single.virtual-tour .content-wrapper { margin-top: 0; } .section-main--virtual-tour, .other-virtual-tours, .module.cdl-vt-copyright { margin-bottom: 60px; } .other-virtual-tours__heading { font-weight: 500; line-height: 1.2; margin-bottom: .5rem; margin-top: 0; font-size: 28px; } .content-wrap .container { padding-left: 0; padding-right: 0; } .virtual-tours__list { display: flex; flex-direction: column; gap: 30px; } .virtual-tours__list--item { margin-bottom: 30px; } .virtual-tours__list--item .virtual-tour { position: relative; } .virtual-tours__list--item .virtual-tours__content { background: rgba(0,0,0,.25); bottom: 0; color: #fff; left: 0; padding: 10px; position: absolute; width: 100%; } .virtual-tours__content--title { font-size: 18px; font-weight: 700; line-height: 25px; margin-bottom: 10px; } .cdl-virtual-tours.agent .virtual-tours__agent--heading { color: #707070; font-size: 22px; font-weight: 700; margin-bottom: 15px; overflow: hidden; padding: 0; position: relative; } .cdl-virtual-tours.agent .virtual-tours__agent--heading .title { background: #fff; padding-right: 20px; position: relative; width: -moz-fit-content; width: fit-content; z-index: 3; } .cdl-virtual-tours.agent .virtual-tours__agent--heading:after { background: #dc9b14; content: ""; height: 1px; position: absolute; right: 0; top: 60%; width: 100%; } .cdl-virtual-tours.agent .virtual-tours__content--inner { background: var(--virtualtour-overlay,rgba(0,0,0,.25)); bottom: 0; color: #fff; display: flex; flex-direction: column; justify-content: space-between; left: 0; padding: 10px; position: absolute; width: 100%; z-index: 2; } .virtual-tours__content--type, .cdl-virtual-tours.agent .virtual-tours__content--type { font-weight: 500; font-size: 15px; line-height: 18px; } .other-virtual-tours .virtual-tours__content__item { color: #fff; display: flex; flex-direction: column; height: -webkit-fill-available; justify-content: space-between; left: 0; padding: 20px calc(1.5rem*.5 + 20px); position: absolute; top: 0; z-index: 1; } .other-virtual-tours .virtual-tours__content__item--name { font-size: 18px; font-weight: 700; line-height: 25px; } .other-virtual-tours .virtual-tours__content__item--icon { align-items: center; border: 1px solid #fff; border-radius: 50%; display: flex; height: 34px; justify-content: center; transition: all .5s ease; width: 34px; } .amp-single.virtual-tour .cdl-virtual-tours.agent .virtual-tours__content--item { opacity: 1; visibility: visible; padding-bottom: 40px; } .amp-single.virtual-tour .page-wrap { margin-top: 0; } .amp-single.virtual-tour > .content-wrapper .sgl > .sp-cnt, .amp-single.virtual-tour:has(.cdl-virtual-tours.agent) header, .amp-single.virtual-tour:has(.cdl-virtual-tours.agent) .footer, .amp-single.virtual-tour .page-wrap footer { display: none; } .amp-single.virtual-tour:has(.cdl-virtual-tours.agent) .cdl-breadcrumb { margin-top: 50px; } .amp-single.virtual-tour .cdl-virtual-tours.agent { padding-top: 0; } .amp-single.virtual-tour .tease--property-virtualtour .virtual-tours__content__image amp-img { min-height: 300px; object-fit: cover; } /* VT Page */ .amp-single-page .virtualtour-banner .virtualtour-banner__content--title { font-size: 28px; line-height: 34px; font-weight: 700; display: block; margin-bottom: 25px; margin-top: 40px; } .cdl-vt-copyright .cdl-vt-copyright__wrapper { background-color: #ececec; padding: 20px 40px; } .cdl-vt-copyright .cdl-vt-copyright__wrapper .heading { color: #222729; font-size: 12px; font-weight: 700; line-height: 25px; } .cdl-vt-copyright .cdl-vt-copyright__wrapper .content p { color: #222729; font-size: 12px; line-height: 18px; margin-bottom: 18px; } .cdl-vt-copyright .cdl-vt-copyright__wrapper .content { margin-top: 10px; } .amp-single-page .cdl-virtual-tours .tease--property-virtualtour.virtual-tours__item { position: relative; } .amp-single-page .cdl-virtual-tours .tease--property-virtualtour .virtual-tours__content__item { background: rgba(0,0,0,.25); width: 100%; } .amp-single-page .cdl-virtual-tours.public .virtual-tours__content .row { gap: 30px; display: flex; flex-direction: column; } .amp-single-page .cdl-virtual-tours .tease--property-virtualtour .virtual-tours__content__item { color: #fff; display: flex; height: 100%; flex-direction: column; justify-content: space-between; left: 0; padding: 20px calc(1.5rem*.5 + 20px); position: absolute; top: 0; z-index: 1; } .amp-single-page .cdl-virtual-tours .tease--property-virtualtour .virtual-tours__content__item--name { font-size: 18px; font-weight: 700; line-height: 25px; } .amp-single-page .cdl-virtual-tours.public .icon-chevron-right:before, .amp-single.virtual-tour .icon-chevron-right:before { content: url('/wp-content/themes/cdlhomes-theme/img/ard-white.svg'); display: block; margin: auto; transform: rotate(270deg); } .amp-single-page .cdl-virtual-tours .tease--property-virtualtour .virtual-tours__content__item--icon { align-items: center; border: 1px solid #fff; border-radius: 50%; display: flex; height: 34px; justify-content: center; transition: all .5s ease; width: 34px; } /*Virtual Tour end */