.rei-property-top img.rei-main-img { height: 54vh; width: 100%;object-fit: cover;} .rei-property-nav { background: #8A7869;padding: .75rem .875rem;font-size: 1.125rem;color: #fff;font-weight: 700;position: relative;} .rei-property-nav .rei-address { position: relative; } .rei-property-nav .rei-property-menu { display: none; } .rei-property-nav .rei-property-menu.rei-active { display: block; } .rei-property-nav #rei-property-hamburger {height: auto; width: max-content;position: absolute;right: 0; margin-right: .25rem; top: 50%;transform: translateY(-50%);cursor: pointer;} .rei-property-nav #rei-property-hamburger > div { background: #fff;height: 4px;margin: 4px 0;border-radius: 10px;width: 30px; } .rei-property-menu ul {list-style: none; margin: 1.25rem 0;} .rei-property-menu li {margin:0; border-top: 1px solid #fff; text-align: right;} .rei-property-menu li:first-child {border-top: none;} .rei-property-menu li:last-child {border-bottom: none;} .rei-property-menu li a, .rei-property-menu li a:any-link { font: 16px "raleway",sans-serif; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; color: #fff; padding: 10px 12px; text-decoration: none;} .rei-property-menu li.current-menu-item a, .rei-property-menu li.current-menu-item a:any-link { text-decoration: none;color: #8A7869;} .rei-property-viewingsbids { margin: 1.25rem; position: relative;} .rei-viewings { background: #8A7869; color: #fff; padding: 1.25rem; text-align:center; position: relative; z-index: 2} .rei-viewings h2 { font: 16px "raleway",sans-serif; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; margin: 0 0 .25rem;} .rei-viewings p { font-size: 1.125rem; margin: 0 .5rem;} .rei-viewings button.rei-book-viewing { background: #fff; color: #000;width: 100%; max-width: 280px;margin-top: 1rem;padding: .875rem;font-size: .9375rem;} a.rei-send-enquiry { background: #fff; color: #000;width: 100%; max-width: 280px;margin-top: 1rem;padding: .875rem;font-size: .9375rem;text-decoration: none; display: block; text-align: center;font-family: "raleway",sans-serif;} body.rei-objectmenu-stuck button.rei-send-enquiry, body.rei-objectmenu-stuck a.rei-send-enquiry {position: fixed;top: 0;z-index: 1011;} .rei-property-viewingsbids .rei-overview { border: 1px solid #333;padding: 1rem;margin-top: -1px; } .rei-property-viewingsbids .rei-overview p, .rei-property-facts p, .rei-property-idsurroundings p, .rei-property-association p, .rei-property-economy p { margin-bottom: 0; font-size:1.125rem;line-height: 1.5rem; text-align: center;} .rei-property-viewingsbids .rei-overview p>span, .rei-property-facts p>span, .rei-property-idsurroundings p>span, .rei-property-association p>span, .rei-property-economy p>span { font: 13px "raleway",sans-serif; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; } .rei-property-viewingsbids .rei-bidding { background: #000; color: #fff; padding: 1rem;} .rei-property-viewingsbids .rei-bidding h2 { font: 16px "raleway",sans-serif; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; margin: 0 0 .25rem; text-align: center} .rei-property-viewingsbids .rei-bidding table { border: none;} .rei-property-viewingsbids .rei-bidding td { margin-bottom: 0; font-size:1.125rem;line-height: 1.5rem; text-align: center; border: none;} .rei-property-viewingsbids .rei-bidding td>span { font: 13px "raleway",sans-serif; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; } .rei-property-viewingsbids .rei-bidding a.rei-make-bid, .rei-property-viewingsbids .rei-bidding button.rei-make-bid { background: #fff; color: #000;width: 100%; max-width: 280px;margin-top: 1rem;padding: .875rem;font-size: .9375rem;margin-bottom: 1rem; } .rei-property-viewingsbids .rei-bidding #rei-view-bids, .rei-property-viewingsbids .rei-bidding a#rei-view-bids:any-link { margin-top: .5rem;height: 0;overflow: hidden; transition: height .4s linear; color: #fff; text-decoration: none; cursor: pointer; } .rei-property-viewingsbids .rei-bidding #rei-bid-history { height: 0; overflow: hidden;} .rei-property-viewingsbids .rei-bidding #rei-bid-history table { margin-top: 10px;} .rei-property-viewingsbids .rei-bidding #rei-bid-history.rei-active { height: auto; } .rei-property-viewingsbids .rei-bidding #rei-bid-history td span.rei-cancelled { text-decoration: line-through; } .rei-property-viewingsbids .rei-bidding #rei-bid-history td:first-child { text-align: right; } .rei-property-description, .rei-property-images, .rei-property-economy { margin: 0 1.25rem;} .rei-property-description h2, .rei-property-images h2, .rei-property-facts h2, .rei-property-idsurroundings h2, .rei-property-association h2, .rei-property-economy h2 { position: relative;font: 16px "raleway",sans-serif; text-transform: uppercase; letter-spacing: 0; font-weight: 600; margin: 0 0 .25rem; text-align: center; background: #8A7869; color: #fff; display: inline-block; padding: .375rem .75rem;} .rei-property-description h2:before, .rei-property-images h2:before, .rei-property-facts h2:before, .rei-property-idsurroundings h2:before, .rei-property-association h2:before, .rei-property-economy h2:before { display: block; content: " ";position: absolute; width: 400px; height: .1875rem; right: 100%; background: #8A7869; bottom: 0; } .rei-property-description button#rei-more-desc, .rei-property-images button#rei-more-imgs, .rei-property-map a#rei-more-map { background: #000; color: #fff;width: 100%; max-width: 475px;margin: 0 auto;padding: .875rem;font-size: .9375rem;display: block;} .rei-property-description #rei-pre-description.rei-hide { display: none; } .rei-property-description #rei-long-description { display: none; } .rei-property-description #rei-long-description.rei-active { display: block; } .rei-property-agents, .rei-property-facts, .rei-property-idsurroundings, .rei-property-association { background: #E6E3E0; padding: 1.25rem; margin: 1.25rem 0;} .rei-property-contact { padding: 1.25rem; margin: 0 0 1.25rem;} .rei-property-agents .rei-agent { background: #fff; padding: .25rem; border: 1px solid #000;display: -webkit-grid;display: grid;-webkit-grid-template-columns: 2fr 5fr;grid-template-columns: 2fr 5fr; -webkit-grid-gap: .75rem;grid-gap: .75rem;margin-bottom: 1.25rem; } .rei-property-agents .rei-agent img { height: 100%; width: 100%; max-height: 40vw;object-fit: cover; object-position: center; } .rei-property-agents .rei-agent p {font-size: 1.0625rem; line-height: 1.125rem; padding-top: .25rem; } .rei-property-agents .rei-agent a { text-decoration: none; color: #000;} .rei-property-agents .rei-agent a:hover { color: #666; } .rei-property-agents .rei-agent .rei-brokername { font-weight: 700;} .rei-property-agents .rei-agent .rei-brokertitle { font-style: italic; font-size: .875rem;} .rei-property-agents .rei-share { display: -webkit-grid;display: grid;-webkit-grid-template-columns: 50px 50px auto;grid-template-columns: 50px 50px auto; -webkit-grid-gap: .5rem;grid-gap: .5rem; } .rei-property-agents .rei-share .rei-sharedesc { font-weight: 700; text-align: center;padding-top: .25rem; } .rei-descnagent-holder .rei-shareicon { width: 50px; height: 50px; } .rei-property-images .rei-images { display: -webkit-grid; display: grid; -webkit-grid-template-columns: 1fr 1fr;grid-template-columns: 1fr 1fr;-webkit-grid-template-rows: 30vw 55vw 30vw 55vw;grid-template-rows: 30vw 55vw 30vw 55vw;-webkit-grid-gap: 1rem;grid-gap: 1rem; margin: 1rem 0;} .rei-property-images .rei-images div:nth-child(3n) { -webkit-grid-column: 1/3;grid-column: 1/3;} .rei-property-images .rei-images div img { height: 100%; width: 100%; object-fit: cover; cursor: pointer;} .rei-property-images .rei-images div:nth-child(n+7) { display: none;} .rei-property-facts h2, .rei-property-idsurroundings h2, .rei-property-association h2 { margin-bottom: 1rem;} .rei-property-facts p, .rei-property-idsurroundings p, .rei-property-association p, .rei-property-economy p { text-align: left;} .rei-property-facts a.rei-doclink { display: block; width: 100%; max-width: 400px; padding: .75rem 0; margin: .375rem auto; background: #fff; color: #000; font: .9375rem "raleway",sans-serif; text-transform: uppercase; letter-spacing: 1px; font-weight: 600;text-align: center; text-decoration: none;} .rei-property-facts a.rei-doclink:last-child { margin-bottom: 0;} #rei-map-box { height: 500px; max-height: 48vh; } .rei-property-map a#rei-more-map { font: 16px "raleway",sans-serif; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; text-align: center; text-decoration: none; width: 88%;margin-top: -72px;position: relative;margin-bottom: 25px;} #rei-interest-form-container.rei-initial-state { display: none; } #rei-slideshow-overlay { display: none; width: 100%; height: 100%; background-color: #000000bb; position: fixed; top: 0; left: 0; -webkit-grid-template-rows: 1fr 80px; grid-template-rows: 1fr 80px; z-index: 10000;} #rei-slideshow-overlay.rei-active { display: -webkit-grid; display: grid; width: 100%; height: 100%; background-color: #000000bb; position: fixed; top: 0; left: 0; -webkit-grid-template-rows: 1fr 80px; grid-template-rows: 1fr 80px; z-index: 10000;} #rei-slideshow-overlay .rei-slideshow-imagesslider { height: 100vh; padding: 6px;background: #8A7869;overflow: hidden;width: 100%;} #rei-slideshow-overlay .rei-slideshow-main #rei-onscreen { width: 100%; height: 80%; max-height: 500px; max-height: calc( 100% - 7rem - 80px); position: absolute; top: 50%; top: calc(50% + 2.5rem - 80px);left: 50%; transform: translate(-50%,-50%);object-fit: contain;} #rei-slideshow-overlay .rei-slideshow-imagelist { background: transparent; width: max-content; transition: margin-left .3s linear; } #rei-slideshow-overlay .rei-slideshow-imagelist img { height: 67px; width: 108px; display: inline-block; margin-right: 6px; cursor: pointer;} #rei-slideshow-overlay .rei-slideshow-imagelist img.rei-active { border: 3px solid #E6E3E0;} #rei-slideshow-overlay .rei-slideshow-imagelist img:last-child { margin-right: 0; } #rei-slideshow-overlay #rei-img-counter { position: absolute; top: .5rem; left: .75rem;font: 1.125rem/1.5rem "raleway",sans-serif;color: #fff } #rei-slideshow-overlay #rei-img-play, #rei-slideshow-overlay #rei-img-close { color: #fff; height: 2rem; width: 2rem;} #rei-slideshow-previous, #rei-slideshow-next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10010;height: 2rem; width: 2rem; padding: 0rem; background: #ffffff;border-radius: 4px; cursor: pointer;} #rei-slideshow-previous.rei-inactive, #rei-slideshow-next.rei-inactive { opacity: .6;cursor: default;} #rei-slideshow-previous { left: .75rem; } #rei-slideshow-next { right: .75rem; } #rei-slideshow-overlay #rei-img-close { position: absolute; top: .5rem; right: .5rem; cursor: pointer; } #rei-slideshow-overlay #rei-img-close svg path { fill: currentColor; } #rei-slideshow-overlay #rei-img-play { display: none; } @media (min-width: 991px) { .rei-property-nav { display: -webkit-grid; display: grid; -webkit-grid-template-rows: 64px auto; grid-template-rows: 64px auto; padding: 0; background: #fff;} .rei-property-nav .rei-address { -webkit-grid-row: 2/3; grid-row: 2/3; color: #000;margin-top: 60px;text-align: center;font-size: 36px;margin-bottom: 28px;} .rei-property-nav .rei-property-menu { -webkit-grid-row: 1/2; grid-row: 1/2; display: block; width: 100%; background: #8A7869;} .rei-property-nav .rei-property-menu ul { text-align: center; margin: 0;} .rei-property-nav .rei-property-menu ul li { display: inline-block;border-top: none; line-height: 64px;} .rei-property-nav #rei-property-hamburger { display: none; } #rei-property-container { display: -webkit-grid; display: grid; -webkit-grid-template-rows: repeat(10, auto); grid-template-rows: repeat(10, auto);} .rei-viewings {position: absolute;top: -196px;left: 50%;transform: translate(-50%,-100%);border-top-left-radius: 20px;border-top-right-radius: 20px; z-index: 1010;} a.rei-send-enquiry { position: absolute;right: 50%;margin-top: 9px;border-radius: 6px;transform: translateX(50vw);margin-right: 25px;text-decoration: none; } a.rei-send-enquiry:hover { background: #eee; } .rei-viewings button.rei-book-viewing { position: absolute;right: 50%;margin-top: 20px;border-radius: 6px;transform: translateX(50vw);margin-right: 25px; text-decoration: none;} .rei-viewings button.rei-book-viewing:hover { background: #eee; } .rei-property-viewingsbids { position: relative;width: calc(100% - 50px);max-width: 1244px;margin: .5rem auto 0; } .rei-property-viewingsbids .rei-overview { border-radius: 8px; padding-bottom: 1.5rem;columns: 2;} .rei-property-viewingsbids .rei-overview p { text-align: left; font-size: 20px; } .rei-property-viewingsbids .rei-overview p span { font-size: 15px; } .rei-property-viewingsbids .rei-bidding { border-bottom-right-radius: 8px;border-bottom-left-radius: 8px; margin-top: -8px; display: -webkit-grid; display: grid;-webkit-grid-template-columns: 1fr 1fr;grid-template-columns: 1fr 1fr; } .rei-property-viewingsbids .rei-bidding td { font-size: 21px; } .rei-property-viewingsbids .rei-bidding td { text-align: left; } .rei-property-viewingsbids .rei-bidding td span { font-size: 16px; } #rei-property-container .rei-property-viewingsbids .rei-bidding > * { text-align: left;} #rei-property-container .rei-property-viewingsbids .rei-bidding > :nth-child(2n) { text-align: right; } .rei-property-viewingsbids .rei-bidding a.rei-make-bid, .rei-property-viewingsbids .rei-bidding button.rei-make-bid { display: block; margin: 1.25rem 0 0 auto;padding: 1.25rem 1.5rem;width: auto;border-radius: 6px;text-decoration: none;} .rei-property-viewingsbids .rei-bidding a.rei-make-bid:hover, .rei-property-viewingsbids .rei-bidding button.rei-make-bid:hover { background: #666;} .rei-property-viewingsbids .rei-view-bids { position: absolute; bottom: 1rem; left: 1rem; } .rei-property-viewingsbids #rei-bid-history span { margin-right: 2rem; } .rei-property-images { -webkit-grid-row: 3/4;grid-row: 3/4; width: calc(100% - 50px);max-width: 1244px;margin: 0 auto;} .rei-property-images > h2, .rei-property-facts h2, .rei-property-economy h2, .rei-property-idsurroundings h2, .rei-property-association h2 { background: unset; color: #000; font: 700 38px/1.25 "minion-pro",serif;margin: 2rem auto 1rem; text-transform: none; letter-spacing: 1px; display: block} .rei-property-images > h2:before, .rei-property-facts h2:before, .rei-property-economy h2:before, .rei-property-idsurroundings h2:before, .rei-property-association h2:before { display: none } .rei-property-images .rei-images { -webkit-grid-template-columns: repeat(4, 1fr);grid-template-columns: repeat(4, 1fr); -webkit-grid-template-rows: repeat(4, 170px); grid-template-rows: repeat(4, 170px) } .rei-property-images .rei-images div:nth-child(3n) { -webkit-grid-column: unset;grid-column: unset; } .rei-property-images .rei-images div:nth-child(5n) { -webkit-grid-column: 3/5;grid-column: 3/5; -webkit-grid-row: 1/3;grid-row: 1/3; } .rei-property-images .rei-images div:nth-child(10n) { -webkit-grid-column: 1/3;grid-column: 1/3; -webkit-grid-row: 3/5;grid-row: 3/5; } .rei-property-images .rei-images div:nth-child(n+7) { display: block; } .rei-property-images button#rei-more-imgs { display: block; margin: 1.25rem auto 0;padding: 1.25rem 1.5rem;width: auto;border-radius: 6px; text-decoration: none;} .rei-property-images button#rei-more-imgs { background: #666; } .rei-descnagent-holder { position: relative; padding-top: 2.5rem; background: #E6E3E0;margin-top: 2.5rem;padding-bottom: 2rem;} .rei-descnagent-holder > div { position: relative;width: calc(100% - 50px);max-width: 1244px;margin: 0 auto; padding-top: 4rem; display: -webkit-grid;display: grid;-webkit-grid-template-columns: 1fr 1fr;grid-template-columns: 1fr 1fr;} .rei-descnagent-holder .rei-property-description h2 { position: absolute; display: block; top: 0;text-align: center;background: unset; color: #000; font: 700 38px/1.25 "minion-pro",serif;width: 100%;margin: 0;padding: 0;text-transform: none;} .rei-descnagent-holder .rei-property-description h2:before { display: none; } #rei-pre-description, .rei-property-description button#rei-more-desc { display: none; } .rei-property-description #rei-long-description { display: block; font-size: 1.25rem;} .rei-property-agents { margin: 2px 0 0; padding:0;} .rei-property-agents .rei-share .rei-sharedesc { font-size: 1.25rem;} .rei-property-agents .rei-agent { background: transparent;border-radius: .5rem;padding: .5rem; } .rei-property-agents .rei-agent p { font-size: 1.5rem;line-height: 2rem; } .rei-property-agents .rei-agent .rei-brokername { font-size: 1.75rem; } .rei-property-agents .rei-agent .rei-brokertitle { font-size: 1.25rem; } .rei-property-agents .rei-share { -webkit-grid-template-columns: 50px 50px auto;grid-template-columns: 50px 50px auto; } .rei-property-agents .rei-share a:nth-child(2) { display: none} .rei-property-map { -webkit-grid-row: 5/6;grid-row: 5/6; margin: 0; } #rei-map-box { height: 75vh; max-height: unset; } .rei-property-map a#rei-more-map { display: block; padding: 1.25rem 1.5rem;width: max-content;border-radius: 6px; margin-top: -85px;} .rei-property-facts { margin-top: 0; padding-top: 0; background: #fff;} .rei-property-facts h2 {margin: 2rem auto 1rem; width: 100%; } .rei-property-facts > div { width: calc(100% - 50px);max-width: 1244px;margin: 2rem auto 0; columns: 2; position: relative;display: -webkit-grid;display: grid;-webkit-grid-template-columns: 1fr 1fr;grid-template-columns: 1fr 1fr;-webkit-grid-gap: 2rem;grid-gap: 2rem;} .rei-property-facts > div > div:nth-child(2) > *:first-child { margin-top: -1.5rem; } .rei-property-facts a.rei-doclink { background: transparent url(/images/estatefast/pdf_gold.svg) no-repeat; background-size: 36px 100%;text-transform: none; font: 500 1.25rem/1.5rem "minion-pro",serif;text-align: left;padding: .375rem 0 .375rem 3rem;margin-left: 0; } .rei-property-economy { background: #E6E3E0; padding: 0 0 2rem; margin: 0; } .rei-property-economy > div { columns: 2; width: calc(100% - 50px);max-width: 1244px;margin: 2rem auto 0 } .rei-property-idsurroundings, .rei-property-association { margin: 0; padding-bottom: 2rem;} .rei-property-idsurroundings > div { width: calc(100% - 50px);max-width: 1244px;margin: 2rem auto 0;} .rei-property-idsurroundings > div >div { columns: 2;} .rei-property-idsurroundings > div > div:nth-child(2) > *:first-child { margin-top: -1.5rem; } .rei-property-association > div { width: calc(100% - 50px);max-width: 1244px;margin: 2rem auto 0;display: block; columns:2;} } @media (max-width: 990px) { .rei-sharedesc { grid-column: 1/4; max-width: 170px; } } @media (orientation: landscape) { #rei-slideshow-overlay.rei-active { -webkit-grid-template-columns: 1fr 234px; grid-template-columns: 1fr 234px; -webkit-grid-template-rows: auto;grid-template-rows: auto;} #rei-slideshow-overlay .rei-slideshow-main { position: relative; } #rei-slideshow-overlay .rei-slideshow-main #rei-onscreen { height: 80%;height: calc(100% - 50px);top: calc(50% + 25px); max-height: unset} #rei-slideshow-overlay .rei-slideshow-imagelist {width: 100%;display: -webkit-grid;display: grid;-webkit-grid-template-columns: 1fr 1fr;grid-template-columns: 1fr 1fr;-webkit-grid-gap: 6px;grid-gap: 6px; margin-bottom: 6px;margin-left: 0!important;} #rei-slideshow-overlay .rei-slideshow-imagesslider { overflow-y: auto; } } @media (orientation: portrait) { #rei-slideshow-overlay.rei-active { -webkit-grid-template-rows: 1fr 80px; grid-template-rows: 1fr 80px;} #rei-slideshow-previous, #rei-slideshow-next { bottom: 76px;top: unset;transform: none;background: #fff;} }