#primary.row{padding-top:3em;@media screen and (min-width:1024px){padding-top: 4em;}}article{& > .flexed { display: block; @media screen and (min-width: 1024px) { display: flex; } } & .entry-header { border-bottom: 1px solid #C9C9C9; & h1 { margin-bottom: 0.5rem; } & p { font-size: 1.375rem; & i { color: var(--green); margin-right: 8px; margin-bottom: 0.5rem; } } } & .entry-content { & a.button:not(.ghost-button){ border: 1px solid var(--green); } & a.button.ghost-button { background: transparent; color: #000; border: 1px solid #000; &:hover, &:focus { background: var(--dark-green); color: #FFF; border-color: var(--dark-green); } } & p > a.button { font-size: 0.8125rem; display: block; margin-bottom: 1.5rem; @media screen and (min-width: 640px){ display: inline-block; margin-bottom: 0; &:not(:first-child){ margin-left: 8px; } } @media screen and (min-width: 1024px) and (max-width: 1400px) { display: block; margin-bottom: 1.5rem; &:not(:first-child){ margin-left: 0; } } @media screen and (min-width: 1400px) { font-size: 1rem; } } } & .primary-slider-wrapper { width: 100%; overflow: hidden; position: relative; & #property-slider { padding-bottom: 50px; } & .slick-slide > div { aspect-ratio: 3/2; & img { block-size: 100%; inline-size: 100%; object-fit: cover; object-position: center; } } }}.slick-arrow{border-radius:50%;aspect-ratio:1;padding:10px;font-size:1.375rem;position:absolute;bottom:0;z-index:100;&.slick-prev { left: calc(50% - 50px); } &.slick-next { right: calc(50% - 50px); } &.slick-disabled { background: #C9C9C9; cursor: not-allowed; }}#features{gap:30px;.highlight { & i { color: var(--green); margin-right: 5px; } }}.features-map-section{& .container > .flexed { display: block; @media screen and (min-width: 1024px) { display: flex; } }}.close-to{& i { color: var(--green); margin-right: 5px; }}.map-wrapper{& a { & i { margin-right: 8px; } }}.apartment-list>.flexed{display:block;@media screen and (min-width:600px){display: flex;}@media screen and (min-width:1000px){&:after{content:'';flex-basis:32%}}}.apartment-block.flex-32{border:1px solid #c9c9c9;padding-bottom:80px;position:relative;& .apartment-photo { aspect-ratio: 3/2; line-height: 0; margin-bottom: 10px; & img { object-fit: cover; object-position: center; block-size: 100%; inline-size: 100%; border-radius: 10px; } } & .quick-stats { border-top: 1px solid #c9c9c9; padding-top: 10px; margin-bottom: 20px; & .flexed { column-gap: 25px; row-gap: 8px; } } & .quick-stat { font-size: 0.875rem; & i { color: var(--green); margin-right: 5px; } } & .button-wrapper { position: absolute; bottom: 20px; left: 20px; width: calc(100% - 40px); & a.button { display: block; padding: 10px 5px; } } @media screen and (min-width: 600px) { flex-basis: 49%; } @media screen and (min-width: 1000px) { flex-basis: 32%; }}