/*
Leasing CSS
*/

/* Leasing Hero
========================= */
.hero-container { display: flex; justify-content: center; width: 100%; padding: 1em 2em 0em; }
.hero { display: block;background-color: #fff; position: relative; width: 100%; height: 600px; max-height: 100%; overflow: hidden; z-index: 999; }
.hero-block { display: block; width: 100%; height: 0; }
.hero-block .hero-bg { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; width: 100%; height: 100%; overflow: hidden; }

/* Leasing Overview
========================= */
.leasing-overview { display: flex; flex-direction: column; align-items: center; margin: 0 2em; padding: 3.5em 0 1em; }
.leasing-inner { display: flex; flex-direction: column; max-width: 1480px; width: 100%; }
.leasing-title { display: flex; flex-direction: column; align-items: flex-start; margin: 0; padding: 0.5em 0; }
.leasing-title span { color: #1a1a1a; font-family: 'Roboto Slab', serif; font-size: 3.6rem; font-weight: 600; line-height: 1.2; letter-spacing: .08em; text-transform: uppercase; }

.leasing-title span:last-of-type { font-family: 'Mulish', sans-serif; font-size: 2.2rem; font-weight: 600; letter-spacing: .05em; padding: .5em 0 0; }

.leasing-details { display: flex; flex-direction: column; padding: 2em 0 1em; }
.leasing-details p { color: #1a1a1a; font-family: 'Mulish', sans-serif; font-size: 1.8rem; line-height: 1.4; margin: 0; padding: 0 0 1em; }
.leasing-details p:last-of-type { padding: 0; }

.leasing-amenities { display: flex; flex-direction: column; align-items: center; margin: 0 2em; padding: .5em 0 1em; }
.leasing-amenities-inner { display: flex; flex-direction: column; max-width: 1480px; width: 100%; }

/* Amenities
========================= */
.amenities { display: flex; flex-wrap: wrap; justify-content: flex-start; margin: 0 -1em; padding: 0; }
.amenities .column { display: flex; flex-direction: column; margin: 0; padding: .5em 1em 1em; width: calc(1/3*100% - (1 - 1/3)*0px); }

.amenities .column .column-wrapper { flex: 1; padding: 1em; }
.amenities .column .column-wrapper .column-amenity-image { margin-bottom: 1em; width: 100%; height: auto; }

.amenities .column .column-wrapper .column-amenity-image-icon-inner { margin: -2px; }
.amenities .column .column-wrapper .column-amenity-image-icon-inner img { max-width: 52px; width: 100%; }
.amenities .column .column-wrapper .column-amenity-details { display: flex; flex-direction: column; }
.amenities .column .column-wrapper .column-amenity-details span { color: #1a1a1a; font-family: 'Mulish', sans-serif; font-size: 1.8rem; font-weight: 800; line-height: 1.4; margin: 0; padding: 0 0 0.5em; }
.amenities .column .column-wrapper .column-amenity-details p { color: #1a1a1a; font-family: 'Mulish', sans-serif; font-size: 1.8rem; font-weight: 400; line-height: 1.4; padding: 0; margin: 0; text-align: left; }

/* Leasing Tout
========================= */
.newmart-tout { clear: both; margin: 0 2em; padding: 4em 0 2.5em; position: relative; }
.newmart-tout-inner { display: grid; grid-template-columns: 53% 46%; gap: 15px; align-items: center; margin: 0 auto; padding: 3em 2em; max-width: 1480px; width: 100%; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; }

.newmart-tout-overlay { background-color: rgba(44, 46, 61, 0.65); position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; }

div:not(.newmart-tout-info-block) + .newmart-tout-info-block { display: grid; grid-column: span 1; margin-left: auto; margin-right: auto; transition: none; max-width: 530px; z-index: 9; }
.newmart-tout-info-block:last-of-type { display: grid; grid-column: span 1; margin: 0 auto; transition: none; max-width: 445px; z-index: 9; }

.newmart-tout-info-block span { color: #fff; font-family: 'Roboto Slab', serif; font-size: 3.8rem; font-weight: 400; line-height: 1.4em; margin: 0; text-align: center; text-transform: uppercase; }
.newmart-tout-info-block-top { display: flex; }
.newmart-tout-info-block-top span { font-weight: 600; letter-spacing: .08em; line-height: 1.2em; }

.newmart-tout-info-block-bottom { display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 1em; }
.newmart-tout-info-block-bottom:last-of-type { margin-bottom: 0; }
.newmart-tout-info-block .tout-contact { font-family: 'Mulish', sans-serif;  font-size: 2.2rem; line-height: 1.4; text-align: left; text-transform: none; }

/* Leasing Gallery
========================= */
.leasing-gallery { margin: 0 2em; padding: 2em 0 5em; }
.leasing-gallery-inner { display: flex; flex-direction: column; margin: 0 auto; max-width: 1480px; width: 100%; }

.leasing-gallery-image { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.leasing-gallery-image img { display: grid; grid-column: span 1; margin: 0; width: 100%; transition: none; }

/* Responsive
--------------------------------------------- */
@media only screen and (min-width: 1980px) {
.hero { height: 700px; }
}

@media only screen and (min-width: 2500px) {
.hero { height: 750px; }
}

@media only screen and (max-width: 1480px) {
.leasing-overview { padding: 3em 0 1em; }
.leasing-title span { font-size: 3.4rem; }
.hero { max-height: calc(100vw * 0.38852); }
div:not(.newmart-tout-info-block) + .newmart-tout-info-block { max-width: 415px; }
.newmart-tout-info-block span { font-size: 3.6rem; }

}

@media only screen and (max-width: 1280px) {
.hero { max-height: calc(100vw * 0.39063); }
.leasing-overview { padding: 2.5em 0 1em; }
.leasing-details { padding: 1.5em 0 1em; }
.leasing-title span { font-size: 3.2rem; }
.leasing-title span:last-of-type { font-size: 2.1rem; }
.amenities .column { padding: 0.5em .8em; }
.amenities .column .column-wrapper .column-amenity-image-icon-inner img { max-width: 48px; }
.newmart-tout-inner { padding: 2.5em 2em; }
div:not(.newmart-tout-info-block) + .newmart-tout-info-block { max-width: 395px; }
.newmart-tout-info-block span { font-size: 3.4rem; }

.leasing-gallery { padding: 2em 0 4em; }
}

@media only screen and (max-width: 1140px) {
.leasing-title span { font-size: 3rem; }
div:not(.newmart-tout-info-block) + .newmart-tout-info-block { max-width: 370px; }
.newmart-tout-info-block span { font-size: 3.2rem; }

.newmart-tout-info-block .tout-contact { font-size: 2.1rem; }
}

@media only screen and (max-width: 1080px) {
.amenities .column { width: calc(1/2*100% - (1 - 1/2)*0px); }
.amenities .column .column-wrapper .column-amenity-image { margin-bottom: 0.5em; }
}

@media only screen and (max-width: 1023px) {
.hero { max-height: calc(100vw * 0.39101); }
.leasing-overview { padding: 2.5em 0 .5em; }
.leasing-title span { font-size: 2.8rem; }
.leasing-title span:last-of-type { font-size: 2rem; padding: 0.5em 0 0; }
.leasing-details { padding: 1em 0; }
.newmart-tout { padding: 1.5em 0; }
.newmart-tout-inner { grid-template-columns: 45% 53%; padding: 2em 1.5em; }
div:not(.newmart-tout-info-block) + .newmart-tout-info-block { max-width: 350px; }
.newmart-tout-info-block-top span { font-size: 3rem; }

.newmart-tout-info-block .tout-contact { font-size: 2rem; }
.leasing-gallery { padding: 2em 0 3em; }
.leasing-gallery-image { grid-template-columns: repeat(4,1fr); }
.leasing-gallery img { grid-column: span 2; }
.leasing-gallery-thumb:last-child:nth-child(2n-1) { grid-column-end: -2; }
}

@media only screen and (max-width: 880px) {
.hero { max-height: calc(100vw * 0.39773); }
.leasing-amenities { padding: 0.5em 0; }
.newmart-tout { margin: 0 1.5em; }
.newmart-tout-inner { grid-template-columns: 40% 58%; }
div:not(.newmart-tout-info-block) + .newmart-tout-info-block { max-width: 250px; }
.newmart-tout-info-block-top span { font-size: 2.8rem; }
.newmart-tout-info-block .tout-contact { font-size: 1.9rem; }
}

@media only screen and (max-width: 768px) {
.hero-container { padding: .8em 1.5em 0em; }
.hero { max-height: calc(100vw * 0.39064); }
.leasing-overview { padding: 2em 0 0.5em; }
.leasing-title span { font-size: 2.6rem; }
.leasing-title span:last-of-type { font-size: 1.9rem; }
.leasing-amenities { padding: 0.5em 0 1em; }
.amenities .column:first-of-type .column-wrapper, .amenities .column:nth-of-type(2) .column-wrapper { padding: 0.5em 1em 1em; }
.amenities .column .column-wrapper { padding: 1em; }
.newmart-tout { margin: 0 1.5em; }
.newmart-tout-inner { grid-template-columns: 37% 60%; padding: 2em 1.25em; }
div:not(.newmart-tout-info-block) + .newmart-tout-info-block { max-width: 250px; }
.newmart-tout-info-block-top span { font-size: 2.7rem; }
.leasing-gallery { margin: 0 1.5em; padding: 1.5em 0 2.5em; }
.leasing-gallery-image { gap: 15px 0; grid-template-columns: repeat(1,1fr); }
.leasing-gallery-thumb:last-child:nth-child(2n-1) { grid-column-end: 2; }
.leasing-gallery img { margin: 0 auto; max-width: 600px; }
}

@media only screen and (max-width: 719px) {
.amenities .column { padding: 0.5em 0.8em 1em; width: 100%; }
.amenities .column:last-of-type { padding: 0.5em 0 0; }
.amenities .column:first-of-type .column-wrapper { padding: 0; }
.amenities .column:nth-of-type(2) .column-wrapper { margin-top: 0.25em; padding: 0.5em 0 0; }
.amenities .column .column-wrapper { margin-top: 0.25em; padding: 0.5em 0 0; }
.newmart-tout-inner { gap: 18px; grid-template-columns: 100%; }
div:not(.newmart-tout-info-block) + .newmart-tout-info-block { margin-left: auto; max-width: 100%; }
.leasing-gallery img { max-width: 550px; }
}

@media only screen and (max-width: 640px) {
.hero { max-height: calc(100vw * 0.4297); }
.leasing-overview { margin: 0 1.5em; }
.leasing-title span { font-size: 2.4rem; }
.leasing-title span:last-of-type { font-size: 1.8rem; }
.leasing-details p { font-size: 1.7rem; }
.leasing-amenities { margin: 0 1.5em; }
.amenities { margin: 0; }
.amenities .column { padding: 0.5em 0 1em; }
.amenities .column .column-wrapper .column-amenity-image { margin-bottom: 0.8em; }
.amenities .column .column-wrapper .column-amenity-image-icon-inner img { max-width: 44px; }
.newmart-tout-inner { padding: 1.5em 1.25em; }
.newmart-tout-info-block-top span { font-size: 2.2rem; }
.newmart-tout-info-block .tout-contact { font-size: 1.8rem; }
.leasing-gallery { padding: 1em 0 2.5em; }
.leasing-gallery img { max-width: 525px; }
}

@media only screen and (max-width: 480px) {
.hero { max-height: calc(100vw * 0.46874999); }
.leasing-overview { padding: 1.5em 0 .5em; }
.leasing-title span { font-size: 2.2rem; }
.leasing-title span:last-of-type { font-size: 1.7rem; }
.leasing-details { padding: 0.5em 0; }
.amenities .column .column-wrapper .column-amenity-image-icon-inner img { max-width: 42px; }
.amenities .column .column-wrapper .column-amenity-details p { font-size: 1.7rem; }
.newmart-tout { padding: 1em 0; }
.newmart-tout-inner { gap: 15px; padding: 1.25em 1em; }
.newmart-tout-info-block-top span { font-size: 2rem; }
.newmart-tout-info-block .tout-contact { font-size: 1.7rem; }
.leasing-gallery { padding: 0.5em 0 2em; }
.leasing-gallery img { max-width: 525px; }
}

@media only screen and (max-width: 420px) {
.hero { max-height: calc(100vw * 0.4762); }
.column-wrapper { margin-top: 1.25em; }
.newmart-tout-info-block-top span { font-size: 1.9rem; }
}