@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Arvo:wght@400;700&family=Lato:wght@700;900&display=swap");  .totalUnits {
font-family: "Lato", sans-serif;
font-weight: 700;
font-size: 22px;
text-transform: uppercase;
}
.rm-unit-listing-container {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
max-width: 1200px;
width: 90vw;
padding-top: 2em;
margin: 0 auto;
}
.rm-unit-listing-container table, .rm-unit-listing-container table * {
border: none;
}
.rm-unit-listing-container .rm-unit-listing {
display: flex;
}
@media (max-width: 600px) {
.rm-unit-listing-container .rm-unit-listing {
flex-direction: column;
}
}
.rm-unit-listing-container .rm-unit-listing img {
width: 300px;
max-height: 250px;
}
@media (max-width: 600px) {
.rm-unit-listing-container .rm-unit-listing img {
margin: 0 auto;
}
}
.rm-unit-listing-container .rm-unit-listing img .listing-image {
flex: 1;
}
.rm-unit-listing-container .rm-unit-listing .listing-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.rm-unit-listing-container .rm-unit-listing .listing-wrap h3 {
font-family: "Lato", sans-serif;
font-size: calc(18px + (22 - 18) * ((100vw - 300px) / (1400 - 300)));
font-weight: 700 !important;
text-transform: uppercase;
width: 100%;
margin: 0 6px;
}
@media (max-width: 600px) {
.rm-unit-listing-container .rm-unit-listing .listing-wrap h3 {
text-align: center;
}
}
.rm-unit-listing-container .rm-unit-listing .listing-wrap .listing-details {
display: flex;
justify-content: space-around;
align-items: baseline;
width: 100%;
}
@media (max-width: 800px) {
.rm-unit-listing-container .rm-unit-listing .listing-wrap .listing-details {
flex-direction: column;
padding-top: 10px;
}
}
@media (max-width: 600px) {
.rm-unit-listing-container .rm-unit-listing .listing-wrap .listing-details {
align-items: center;
}
}
.rm-unit-listing-container .rm-unit-listing .listing-wrap .listing-details .unit-detail {
display: flex;
flex-direction: column;
justify-content: flex-start;
}
@media (max-width: 600px) {
.rm-unit-listing-container .rm-unit-listing .listing-wrap .listing-details .unit-detail {
flex-direction: row;
align-self: center;
}
}
.rm-unit-listing-container .rm-unit-listing .listing-wrap .listing-details .unit-detail h4 {
font-family: "Lato", sans-serif;
font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1400 - 300)));
font-weight: 900 !important;
line-height: 25px;
text-transform: uppercase;
margin: 0 6px;
}
.rm-unit-listing-container .rm-unit-listing .listing-wrap .listing-details .unit-detail span {
font-family: "Arvo", serif;
font-size: calc(12px + (18 - 12) * ((100vw - 300px) / (1400 - 300)));
line-height: 28px;
margin: 0 6px;
color: #666666;
}
.rm-unit-listing-container .rm-unit-listing .listing-wrap .listing-details .unit-detail .linkbtn {
background: #000000 0% 0% no-repeat padding-box;
border-radius: 30px;
opacity: 1;
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
font-family: "Lato", sans-serif;
font-weight: 900;
font-size: calc(12px + (16 - 12) * ((100vw - 300px) / (1400 - 300)));
line-height: 15px;
padding: 1em;
}
.unit-icons {
display: flex;
justify-content: space-between;
font-family: "Arvo", serif;
font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1400 - 300)));
line-height: 21px;
color: #666666;
}
.unit-icons i {
color: #777777;
}
.unit-icons .js-bed,
.unit-icons .js-bath,
.unit-icons .js-rent,
.unit-icons .js-available {
display: flex;
flex-direction: column;
align-items: center;
} .listing-back {
text-transform: uppercase;
font-family: "Lato", sans-serif;
font-weight: 900;
display: flex;
width: 95%;
justify-content: flex-end;
}
.listing-back:before {
content: "";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-right: 5px;
}
.listing-back a {
color: #222222;
text-decoration: none;
}
.unit-container {
max-width: 1200px;
width: 90vw;
padding: 2em 0em;
margin: 0 auto;
}
.unit-container .unit-wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
@media (max-width: 800px) {
.unit-container .unit-wrapper {
flex-direction: column;
}
}
.unit-container .unit-wrapper .unit-image-wrapper {
flex-basis: 40%;
max-width: 560px;
}
.unit-container .unit-wrapper .unit-image-wrapper img {
max-height: 400px;
margin: 0 auto;
display: block;
}
.unit-container .unit-wrapper .unit-image-wrapper .unit-tour {
margin-top: 2em;
}
@media (max-width: 800px) {
.unit-container .unit-wrapper .unit-image-wrapper {
flex-basis: auto;
}
}
.unit-container .unit-wrapper .unit-details {
flex-basis: 59%;
padding: 0em 2em;
}
@media (max-width: 800px) {
.unit-container .unit-wrapper .unit-details {
flex-basis: auto;
margin-top: 20px;
}
}
.unit-container h4 {
font-family: "Lato", sans-serif;
color: #222222;
font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1400 - 300)));
line-height: 25px;
text-transform: uppercase;
font-weight: 900 !important;
}
.unit-container .unit-amenities {
margin-top: 2em;
}
.unit-container .unit-amenities ul {
display: flex;
color: #666666;
font-family: "Arvo", serif;
font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1400 - 300)));
line-height: 21px;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly;
margin: 0 0 1em 0;
}
.unit-container .unit-amenities ul li {
flex: 1 1 auto;
margin: 0.5rem 0 0 2rem;
}
.unit-container .unit-description,
.unit-container .unit-prop-description {
font-family: "Arvo", serif;
color: #666666;
font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1400 - 300)));
line-height: 21px;
margin-top: 2em;
}
.unit-container .unit-add-photos-wrapper {
margin-top: 2em;
}
.unit-container .unit_additional_photo {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-content: space-around;
}
.unit-container .unit_additional_photo a {
flex-basis: auto;
}
.unit-container .unit_additional_photo img {
width: 175px;
height: 105px;
padding: 0 5px 5px 0;
}
.unit-container .unit-cta-buttons {
display: flex;
flex-direction: row;
justify-content: space-between;
padding-top: 2em;
margin-top: 2em;
}
@media (max-width: 400px) {
.unit-container .unit-cta-buttons {
flex-direction: column;
align-items: center;
}
.unit-container .unit-cta-buttons .apply-container,
.unit-container .unit-cta-buttons .propdetail-container,
.unit-container .unit-cta-buttons .contact-container {
margin-bottom: 20px;
}
}
.unit-container .unit-cta-buttons .linkbtn {
background: #000000 0% 0% no-repeat padding-box;
border-radius: 30px;
opacity: 1;
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
font-family: "Lato", sans-serif;
font-weight: 900;
font-size: calc(12px + (16 - 12) * ((100vw - 300px) / (1400 - 300)));
line-height: 15px;
padding: 1em;
}
.property .owl-theme .owl-nav [class*=owl-] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: none;
display: inline-block;
cursor: pointer;
border-radius: 0px;
}
.property .owl-prev {
position: absolute;
top: 40%;
left: -60px !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
}
.property .owl-next {
position: absolute;
top: 40%;
right: -60px !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
}
.property .slide {
height: 75vh;
max-width: 1170px;
margin: 0 auto;
}
@media (max-width: 800px) {
.property .slide {
height: 55vh;
}
}
.property h4 {
font-family: "Lato", sans-serif;
color: #222222;
font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1400 - 300)));
line-height: 25px;
text-transform: uppercase;
font-weight: 900 !important;
}
.property .prop-container {
max-width: 1400px;
padding-top: 2em;
margin: 0 auto;
}
.property .prop-container .prop-details {
font-family: "Arvo", serif;
font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1400 - 300)));
line-height: 28px;
color: #666666;
margin-top: 2em;
}
.property .prop-container .prop-features {
display: flex;
color: #666666;
font-family: "Arvo", serif;
font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1400 - 300)));
line-height: 21px;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
margin: 0 0 1em 0;
align-content: space-around;
}
.property .prop-container .prop-features .js-feature {
display: inline-flex;
flex-basis: auto;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
margin-right: 5vw;
}
.property .prop-container .prop-neighborhood {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
margin: 0 0 1em 0;
align-content: space-around;
}
.property .prop-container .prop-neighborhood .js-link {
display: inline-flex;
flex-basis: auto;
margin-right: 5vw;
color: #666666;
font-family: "Arvo", serif;
font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1400 - 300)));
line-height: 21px;
}
.property .prop-container .prop-neighborhood .js-link a {
color: #666666;
text-decoration: none;
}
.property .prop-container .prop-neighborhood .js-link a:hover {
color: #777777;
text-decoration: underline;
}
.property .prop-container .prop-neighborhood .js-link:before {
content: "•";
}
.property .unit-cta-buttons {
display: flex;
flex-direction: row;
justify-content: flex-end;
padding-top: 2em;
}
.property .unit-cta-buttons .apply-container {
margin-right: 50px;
}
.property .unit-cta-buttons .linkbtn {
background: #000000 0% 0% no-repeat padding-box;
border-radius: 30px;
opacity: 1;
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
font-family: "Lato", sans-serif;
font-weight: 900;
font-size: calc(12px + (16 - 12) * ((100vw - 300px) / (1400 - 300)));
line-height: 15px;
padding: 1em;
}
.rm-unit-listing-container {
max-width: 1400px;
margin: 0 auto;
width: 90vw;
}
.rm-unit-listing-container h4 {
font-family: "Lato", sans-serif;
color: #222222;
font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1400 - 300)));
line-height: 25px;
text-transform: uppercase;
font-weight: 900 !important;
margin: 0;
}