@font-face {
font-family: gotham-book-webfont;
src: url(//www.astraslc.com/wp-content/themes/client-theme/includes/fonts-component/gotham-book-webfont.eot);
src: url(//www.astraslc.com/wp-content/themes/client-theme/includes/fonts-component/gotham-book-webfont.eot?) format("eot"), url(//www.astraslc.com/wp-content/themes/client-theme/includes/fonts-component/gotham-book-webfont.woff) format("woff"), url(//www.astraslc.com/wp-content/themes/client-theme/includes/fonts-component/gotham-book-webfont.ttf) format("truetype"), url(//www.astraslc.com/wp-content/themes/client-theme/includes/fonts-component/gotham-book-webfont.svg#gotham-book-webfont) format("svg");
font-display: swap;
}
@font-face {
font-family: gotham-light-webfont;
src: url(//www.astraslc.com/wp-content/themes/client-theme/includes/fonts-component/gotham-light-webfont.eot);
src: url(//www.astraslc.com/wp-content/themes/client-theme/includes/fonts-component/gotham-light-webfont.eot?) format("eot"), url(//www.astraslc.com/wp-content/themes/client-theme/includes/fonts-component/gotham-light-webfont.woff) format("woff"), url(//www.astraslc.com/wp-content/themes/client-theme/includes/fonts-component/gotham-light-webfont.ttf) format("truetype"), url(//www.astraslc.com/wp-content/themes/client-theme/includes/fonts-component/gotham-light-webfont.svg#gotham-light-webfont) format("svg");
font-display: swap;
}
@font-face {
font-family: gotham-medium-webfont;
src: url(//www.astraslc.com/wp-content/themes/client-theme/includes/fonts-component/gotham-medium-webfont.eot);
src: url(//www.astraslc.com/wp-content/themes/client-theme/includes/fonts-component/gotham-medium-webfont.eot?) format("eot"), url(//www.astraslc.com/wp-content/themes/client-theme/includes/fonts-component/gotham-medium-webfont.woff) format("woff"), url(//www.astraslc.com/wp-content/themes/client-theme/includes/fonts-component/gotham-medium-webfont.ttf) format("truetype"), url(//www.astraslc.com/wp-content/themes/client-theme/includes/fonts-component/gotham-medium-webfont.svg#gotham-medium-webfont) format("svg");
font-display: swap;
}
@font-face {
font-family: lato-v24-latin-300;
src: url(//www.astraslc.com/wp-content/themes/client-theme/includes/fonts-component/lato-v24-latin-300.eot);
src: url(//www.astraslc.com/wp-content/themes/client-theme/includes/fonts-component/lato-v24-latin-300.eot?) format("eot"), url(//www.astraslc.com/wp-content/themes/client-theme/includes/fonts-component/lato-v24-latin-300.woff) format("woff"), url(//www.astraslc.com/wp-content/themes/client-theme/includes/fonts-component/lato-v24-latin-300.ttf) format("truetype"), url(//www.astraslc.com/wp-content/themes/client-theme/includes/fonts-component/lato-v24-latin-300.svg#lato-v24-latin-300) format("svg");
font-display: swap;
}
@font-face {
font-family: lato-v24-latin-regular;
src: url(//www.astraslc.com/wp-content/themes/client-theme/includes/fonts-component/lato-v24-latin-regular.eot);
src: url(//www.astraslc.com/wp-content/themes/client-theme/includes/fonts-component/lato-v24-latin-regular.eot?) format("eot"), url(//www.astraslc.com/wp-content/themes/client-theme/includes/fonts-component/lato-v24-latin-regular.woff) format("woff"), url(//www.astraslc.com/wp-content/themes/client-theme/includes/fonts-component/lato-v24-latin-regular.ttf) format("truetype"), url(//www.astraslc.com/wp-content/themes/client-theme/includes/fonts-component/lato-v24-latin-regular.svg#lato-v24-latin-regular) format("svg");
font-display: swap;
}
@font-face {
font-family: lato-v24-latin-700;
src: url(//www.astraslc.com/wp-content/themes/client-theme/includes/fonts-component/lato-v24-latin-700.eot);
src: url(//www.astraslc.com/wp-content/themes/client-theme/includes/fonts-component/lato-v24-latin-700.eot?) format("eot"), url(//www.astraslc.com/wp-content/themes/client-theme/includes/fonts-component/lato-v24-latin-700.woff) format("woff"), url(//www.astraslc.com/wp-content/themes/client-theme/includes/fonts-component/lato-v24-latin-700.ttf) format("truetype"), url(//www.astraslc.com/wp-content/themes/client-theme/includes/fonts-component/lato-v24-latin-700.svg#lato-v24-latin-700) format("svg");
font-display: swap;
}                          #sec-menu .section-title {
margin-bottom: 0.5em;
}
.select.mobile-select {
border: none;
}
@media (max-width: 640px) {
.select.mobile-select {
border: 1px solid #808183;
}
}
.select.mobile-select .select__arrow {
display: none;
border-color: #808183;
}
@media (max-width: 640px) {
.select.mobile-select .select__arrow {
display: block;
}
}
.select.mobile-select ul select {
color: #808183;
text-indent: 1em;
text-transform: uppercase;
font-size: 16px;
font-weight: 500;
display: none;
}
@media (max-width: 640px) {
.select.mobile-select ul select {
display: inline-block;
}
}
@media (max-width: 640px) {
.select.mobile-select ul li {
display: none;
}
}
.select.mobile-select select {
color: #808183;
text-indent: 1em;
text-transform: uppercase;
font-size: 16px;
font-weight: 500;
display: none;
}
@media (max-width: 640px) {
.select.mobile-select select {
display: inline-block;
}
}
@keyframes animate-arrow-in {
0% {
margin-left: 0;
opacity: 0;
}
100% {
margin-left: 100%;
opacity: 1;
}
}
@keyframes animate-arrow-out {
0% {
margin-left: 0;
}
100% {
margin-left: 100%;
}
} .full {
width: 100%;
}
.half {
width: 50%;
}
@media (max-width: 768px) {
.half {
width: 100%;
}
.half.md-half {
width: 50%;
}
}
@media (max-width: 640px) {
.half {
width: 100%;
}
.half.md-half {
width: 100%;
}
.half.sm-half {
width: 50%;
}
}
.third {
width: 33.33333333%; width: 33.3333333333%;
}
@media (max-width: 768px) {
.third {
width: 100%;
}
.third.md-third {
width: 33.3333333333%;
}
}
@media (max-width: 640px) {
.third {
width: 100%;
}
.third.md-third {
width: 100%;
}
.third.sm-third {
width: 33.3333333333%;
}
}
.twothird,
.two-third {
width: 66.66%; width: 66.6666666667%;
}
@media (max-width: 768px) {
.twothird,
.two-third {
width: 100%;
}
.twothird.md-twothird, .twothird.md-two-third,
.two-third.md-twothird,
.two-third.md-two-third {
width: 66.6666666667%;
}
}
@media (max-width: 640px) {
.twothird,
.two-third {
width: 100%;
}
.twothird.md-twothird, .twothird.md-two-third,
.two-third.md-twothird,
.two-third.md-two-third {
width: 100%;
}
.twothird.sm-twothird, .twothird.sm-two-third,
.two-third.sm-twothird,
.two-third.sm-two-third {
width: 66.6666666667%;
}
}
.fourth {
width: 25%;
}
@media (max-width: 768px) {
.fourth {
width: 100%;
}
.fourth.md-fourth, .fourth.md-fourth {
width: 25%;
}
}
@media (max-width: 640px) {
.fourth {
width: 100%;
}
.fourth.md-fourth, .fourth.md-fourth {
width: 100%;
}
.fourth.sm-fourth, .fourth.sm-fourth {
width: 25%;
}
}
.twofourth,
.two-fourth {
width: 50%;
}
@media (max-width: 768px) {
.twofourth,
.two-fourth {
width: 100%;
}
.twofourth.md-fourth, .twofourth.md-fourth,
.two-fourth.md-fourth,
.two-fourth.md-fourth {
width: 50%;
}
}
@media (max-width: 640px) {
.twofourth,
.two-fourth {
width: 100%;
}
.twofourth.md-fourth, .twofourth.md-fourth,
.two-fourth.md-fourth,
.two-fourth.md-fourth {
width: 100%;
}
.twofourth.sm-fourth, .twofourth.sm-fourth,
.two-fourth.sm-fourth,
.two-fourth.sm-fourth {
width: 50%;
}
}
.threefourth,
.three-fourth {
width: 75%;
}
@media (max-width: 768px) {
.threefourth,
.three-fourth {
width: 100%;
}
.threefourth.md-threefourth, .threefourth.md-three-fourth,
.three-fourth.md-threefourth,
.three-fourth.md-three-fourth {
width: 75%;
}
}
@media (max-width: 640px) {
.threefourth,
.three-fourth {
width: 100%;
}
.threefourth.md-threefourth, .threefourth.md-three-fourth,
.three-fourth.md-threefourth,
.three-fourth.md-three-fourth {
width: 100%;
}
.threefourth.sm-threefourth, .threefourth.sm-threefourth,
.three-fourth.sm-threefourth,
.three-fourth.sm-threefourth {
width: 25%;
}
}
.fifth {
width: 20%;
}
@media (max-width: 768px) {
.fifth {
width: 100%;
}
.fifth.md-fifth, .fifth.md-fifth {
width: 20%;
}
}
@media (max-width: 640px) {
.fifth {
width: 100%;
}
.fifth.md-fifth, .fifth.md-fifth {
width: 100%;
}
.fifth.sm-fifth, .fifth.sm-fifth {
width: 20%;
}
}
.twofifth,
.two-fifth {
width: 40%;
}
@media (max-width: 768px) {
.twofifth,
.two-fifth {
width: 100%;
}
.twofifth.md-twofifth, .twofifth.md-two-fifth,
.two-fifth.md-twofifth,
.two-fifth.md-two-fifth {
width: 40%;
}
}
@media (max-width: 640px) {
.twofifth,
.two-fifth {
width: 100%;
}
.twofifth.md-twofifth, .twofifth.md-two-fifth,
.two-fifth.md-twofifth,
.two-fifth.md-two-fifth {
width: 100%;
}
.twofifth.sm-twofifth, .twofifth.sm-two-fifth,
.two-fifth.sm-twofifth,
.two-fifth.sm-two-fifth {
width: 40%;
}
}
.threefifth,
.three-fifth {
width: 60%;
}
@media (max-width: 768px) {
.threefifth,
.three-fifth {
width: 100%;
}
.threefifth.md-threefifth, .threefifth.md-three-fifth,
.three-fifth.md-threefifth,
.three-fifth.md-three-fifth {
width: 60%;
}
}
@media (max-width: 640px) {
.threefifth,
.three-fifth {
width: 100%;
}
.threefifth.md-threefifth, .threefifth.md-three-fifth,
.three-fifth.md-threefifth,
.three-fifth.md-three-fifth {
width: 100%;
}
.threefifth.sm-threefifth, .threefifth.sm-three-fifth,
.three-fifth.sm-threefifth,
.three-fifth.sm-three-fifth {
width: 60%;
}
}
.fourfifth,
.four-fifth {
width: 80%;
}
@media (max-width: 768px) {
.fourfifth,
.four-fifth {
width: 100%;
}
.fourfifth.md-fourfifth, .fourfifth.md-four-fifth,
.four-fifth.md-fourfifth,
.four-fifth.md-four-fifth {
width: 80%;
}
}
@media (max-width: 640px) {
.fourfifth,
.four-fifth {
width: 100%;
}
.fourfifth.md-fourfifth, .fourfifth.md-four-fifth,
.four-fifth.md-fourfifth,
.four-fifth.md-four-fifth {
width: 100%;
}
.fourfifth.sm-fourfifth, .fourfifth.sm-four-fifth,
.four-fifth.sm-fourfifth,
.four-fifth.sm-four-fifth {
width: 80%;
}
}
.sixth {
width: 16.66666666; width: 16.6666666667%;
}
@media (max-width: 768px) {
.sixth {
width: 100%;
}
.sixth.md-sixth, .sixth.md-sixth {
width: 16%;
width: 16.6666666667%;
}
}
@media (max-width: 640px) {
.sixth {
width: 100%;
}
.sixth.md-sixth, .sixth.md-sixth {
width: 100%;
}
.sixth.sm-sixth, .sixth.sm-sixth {
width: 16%;
width: 16.6666666667%;
}
}
.twosixth,
.two-sixth {
width: 33.33333333; width: 33.3333333333%;
}
@media (max-width: 768px) {
.twosixth,
.two-sixth {
width: 100%;
}
.twosixth.md-twosixth, .twosixth.md-two-sixth,
.two-sixth.md-twosixth,
.two-sixth.md-two-sixth {
width: 33.33333333; width: 33.3333333333%;
}
}
@media (max-width: 640px) {
.twosixth,
.two-sixth {
width: 100%;
}
.twosixth.md-twosixth, .twosixth.md-two-sixth,
.two-sixth.md-twosixth,
.two-sixth.md-two-sixth {
width: 100%;
}
.twosixth.sm-twosixth, .twosixth.sm-two-sixth,
.two-sixth.sm-twosixth,
.two-sixth.sm-two-sixth {
width: 33.33333333; width: 33.3333333333%;
}
}
.threesixth,
.three-sixth {
width: 50%;
}
@media (max-width: 768px) {
.threesixth,
.three-sixth {
width: 100%;
}
.threesixth.md-threesixth, .threesixth.md-three-sixth,
.three-sixth.md-threesixth,
.three-sixth.md-three-sixth {
width: 50%;
}
}
@media (max-width: 640px) {
.threesixth,
.three-sixth {
width: 100%;
}
.threesixth.md-threesixth, .threesixth.md-three-sixth,
.three-sixth.md-threesixth,
.three-sixth.md-three-sixth {
width: 100%;
}
.threesixth.sm-threesixth, .threesixth.sm-three-sixth,
.three-sixth.sm-threesixth,
.three-sixth.sm-three-sixth {
width: 50%;
}
}
.foursixth,
.four-sixth {
width: 66.66666666; width: 66.6666666667%;
}
@media (max-width: 768px) {
.foursixth,
.four-sixth {
width: 100%;
}
.foursixth.md-foursixth, .foursixth.md-four-sixth,
.four-sixth.md-foursixth,
.four-sixth.md-four-sixth {
width: 66.66666666%;
width: 66.6666666667%;
}
}
@media (max-width: 640px) {
.foursixth,
.four-sixth {
width: 100%;
}
.foursixth.md-foursixth, .foursixth.md-four-sixth,
.four-sixth.md-foursixth,
.four-sixth.md-four-sixth {
width: 100%;
}
.foursixth.sm-foursixth, .foursixth.sm-four-sixth,
.four-sixth.sm-foursixth,
.four-sixth.sm-four-sixth {
width: 66.66666666%;
width: 66.6666666667%;
}
}
.fivesixth,
.five-sixth {
width: 83.33333333; width: 83.3333333333%;
}
@media (max-width: 768px) {
.fivesixth,
.five-sixth {
width: 100%;
}
.fivesixth.md-fivesixth, .fivesixth.md-five-sixth,
.five-sixth.md-fivesixth,
.five-sixth.md-five-sixth {
width: 83.33333333%;
width: 83.3333333333%;
}
}
@media (max-width: 640px) {
.fivesixth,
.five-sixth {
width: 100%;
}
.fivesixth.md-fivesixth, .fivesixth.md-five-sixth,
.five-sixth.md-fivesixth,
.five-sixth.md-five-sixth {
width: 100%;
}
.fivesixth.sm-fivesixth, .fivesixth.sm-five-sixth,
.five-sixth.sm-fivesixth,
.five-sixth.sm-five-sixth {
width: 83.33333333%;
width: 83.3333333333%;
}
} .half-gutter1 .half {
width: calc(50% - 0.5em);
}
@media (max-width: 768px) {
.half-gutter1 .half {
width: 100%;
}
}
.half-gutter1 .half:nth-child(even) {
margin-left: 1em;
}
@media (max-width: 768px) {
.half-gutter1 {
width: 100%;
margin-left: 0 !important;
}
}
.half-gutter2 .half {
width: calc(50% - 1em);
}
@media (max-width: 768px) {
.half-gutter2 .half {
width: 100%;
}
}
.half-gutter2 .half:nth-child(even) {
margin-left: 2em;
}
@media (max-width: 768px) {
.half-gutter2 .half:nth-child(even) {
margin-left: 0 !important;
}
}
.third-gutter1 .third {
width: calc(33.3333333333% - 0.67em);
margin: 1em 0 0;
}
.third-gutter1 .third:nth-child(3n+2) {
margin: 1em 1em 0;
}
@media (max-width: 1024px) {
.third-gutter1 .third {
width: calc(50% - 0.5em);
}
.third-gutter1 .third:nth-of-type(n) {
margin: 1em 0 0 0;
}
.third-gutter1 .third:nth-child(2n+1) {
margin-right: 1em;
}
}
@media (max-width: 768px) {
.third-gutter1 .third {
width: 100%;
}
.third-gutter1 .third:nth-of-type(n) {
margin: 1em 0 0 0;
}
}
.left {
float: left;
}
.right {
float: right;
}
.center {
margin: 0 auto;
}
.clearfix:before,
.clearfix:after {
content: " "; display: table; }
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
.fill {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
z-index: 0;
} .tleft,
.text-left {
text-align: left;
}
.tright,
.text-right {
text-align: right;
}
.tcenter,
.text-center {
text-align: center;
}
.italic {
font-style: italic;
} .no-pad,
.nopad,
.pad0 {
padding: 0;
}
.pad-half {
padding: 0.5em;
}
.pad1-0 {
padding: 1em 0;
}
.pad2-0 {
padding: 2em 0;
}
.pad3-0 {
padding: 3em 0;
}
.pad4-0 {
padding: 4em 0;
}
.pad5-0 {
padding: 5em 0;
}
.pad6-0 {
padding: 6em 0;
}
.pad7-0 {
padding: 7em 0;
}
.pad8-0 {
padding: 8em 0;
}
.pad0-1 {
padding: 0 1em;
}
.pad0-2 {
padding: 0 2em;
}
.pad0-3 {
padding: 0 3em;
}
.pad0-4 {
padding: 0 4em;
}
.pad1-2 {
padding: 1em 2em;
}
.pad1-3 {
padding: 1em 3em;
}
.pad1-4 {
padding: 1em 4em;
}
.pad2-1 {
padding: 2em 1em;
}
.pad2-3 {
padding: 2em 3em;
}
.pad2-4 {
padding: 2em 4em;
}
.pad3-1 {
padding: 3em 1em;
}
.pad3-2 {
padding: 3em 2em;
}
.pad3-4 {
padding: 3em 4em;
}
.pad4-1 {
padding: 4em 1em;
}
.pad4-2 {
padding: 4em 2em;
}
.pad4-3 {
padding: 4em 3em;
}
.pad1 {
padding: 1em;
}
.pad2 {
padding: 2em;
}
.pad3 {
padding: 3em;
}
.pad4 {
padding: 4em;
}
.pad5 {
padding: 5em;
}
.pad6 {
padding: 6em;
}
.pad6-2 {
padding: 6em 2em;
}
.pad4-2 {
padding: 4em 2em;
} .padt0 {
padding-top: 0;
}
.padthalf {
padding-top: 0.5em;
}
.padt1 {
padding-top: 1em;
}
.padt2 {
padding-top: 2em;
}
.padt3 {
padding-top: 3em;
}
.padt4 {
padding-top: 4em;
}
.padt5 {
padding-top: 5em;
}
.padt6 {
padding-top: 6em;
}
.padl1 {
padding-left: 1em;
}
@media (max-width: 640px) {
.padl1 {
padding-left: 0;
}
} .padb0 {
padding-bottom: 0 !important;
}
.padb1 {
padding-bottom: 1em;
}
.padb2 {
padding-bottom: 2em;
}
.padb3 {
padding-bottom: 3em;
}
.padb4 {
padding-bottom: 4em;
}
.padb5 {
padding-bottom: 5em;
}
.padb6 {
padding-bottom: 6em;
} .no-mar,
.nomar,
.nomarg,
.mar0 {
margin: 0;
}
.mar-half {
margin: 0.5em;
}
.mar1-0 {
margin: 1em 0;
}
.mar2-0 {
margin: 2em 0;
}
.mar3-0 {
margin: 3em 0;
}
.mar4-0 {
margin: 4em 0;
}
.mar0-1 {
margin: 0 1em;
}
.mar0-2 {
margin: 0 2em;
}
.mar0-3 {
margin: 0 3em;
}
.mar0-4 {
margin: 0 4em;
}
.mar1-2 {
margin: 1em 2em;
}
.mar1-3 {
margin: 1em 3em;
}
.mar1-4 {
margin: 1em 4em;
}
.mar2-1 {
margin: 2em 1em;
}
.mar2-3 {
margin: 2em 3em;
}
.mar2-4 {
margin: 2em 4em;
}
.mar3-1 {
margin: 3em 1em;
}
.mar3-2 {
margin: 3em 2em;
}
.mar3-4 {
margin: 3em 4em;
}
.mar4-1 {
margin: 4em 1em;
}
.mar4-2 {
margin: 4em 2em;
}
.mar4-3 {
margin: 4em 3em;
}
.mar1 {
margin: 1em;
}
.mar2 {
margin: 2em;
}
.mar3 {
margin: 3em;
}
.mar4 {
margin: 4em;
} .mart0 {
margin-top: 0 !important;
}
.mart1 {
margin-top: 1em;
}
.mart2 {
margin-top: 2em;
}
.mart3 {
margin-top: 3em;
}
.mart4 {
margin-top: 4em;
} .marb0 {
margin-bottom: 0 !important;
}
.marb1 {
margin-bottom: 1em;
}
.marb2 {
margin-bottom: 2em;
}
.marb3 {
margin-bottom: 3em;
}
.marb4 {
margin-bottom: 4em;
}
.marb5 {
margin-bottom: 5em;
}
.marb6 {
margin-bottom: 6em;
} @media (max-width: 768px) {
.padm4-0 {
padding: 4em 0;
}
}
@media (max-width: 768px) {
.padm3-0 {
padding: 3em 0;
}
}
@media (max-width: 768px) {
.padm2-0 {
padding: 2em 0;
}
}
@media (max-width: 768px) {
.padm1-0 {
padding: 1em 0;
}
}
@media (max-width: 768px) {
.padm2 {
padding: 2em;
}
}
@media (max-width: 768px) {
.padm3 {
padding: 3em;
}
}
@media (max-width: 768px) {
.padm3-2 {
padding: 3em 2em;
}
}
@media (max-width: 768px) {
.padm4 {
padding: 4em;
}
}
@media (max-width: 768px) {
.padm4-2 {
padding: 4em 2em;
}
}
@media (max-width: 768px) {
.padbm2 {
padding-bottom: 2em;
}
}
@media (max-width: 768px) {
.padbm3 {
padding-bottom: 3em;
}
}
@media (max-width: 768px) {
.padbm4 {
padding-bottom: 4em;
}
}
@media (max-width: 768px) {
.padmt4 {
padding-top: 4em;
}
}
@media (max-width: 768px) {
.padmt2 {
padding-top: 2em;
}
} @media (max-width: 768px) {
.marmb2 {
margin-bottom: 2em;
}
}
@media (max-width: 768px) {
.marmb3 {
margin-bottom: 3em;
}
}
@media (max-width: 768px) {
.marmb4 {
margin-bottom: 4em;
}
}
@media (max-width: 768px) {
.marmt4 {
margin-top: 4em;
}
} sup {
vertical-align: super;
font-size: 50%;
}
.center {
margin: 0 auto;
}
.upper {
text-transform: uppercase;
}
.lower {
text-transform: lowercase;
}
.hidden {
display: none;
}
.noscroll,
.no-scroll {
height: 100%;
overflow: hidden;
}
.relative {
position: relative;
}
.figure {
overflow: hidden;
position: relative;
}
.figure img,
.stretch {
width: 100%;
height: auto;
}
.stretch-h {
height: 100%;
width: auto;
}
.cover {
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.fixedbg,
.fixed-bg {
background-attachment: fixed;
will-change: top;
}
.css-table {
display: table;
}
.css-table .css-col {
display: table-cell;
} h2.secnav-title {
font-family: "gotham-book-webfont", sans-serif;
font-size: 1.2rem;
line-height: 1.5rem;
margin: 0 0 0.5em 0;
padding: 0;
clear: both;
color: #465155;
text-transform: uppercase;
text-align: center;
}
.secnav {
display: flex;
align-items: stretch;
justify-content: center;
text-align: center;
padding: 0.5em 0;
}
@media (max-width: 768px) {
.secnav {
flex-direction: column;
width: fit-content;
margin: auto;
width: 75%;
}
}
.secnav li {
margin: 5px 5px 5px 5px;
display: flex;
}
.secnav li a,
.secnav li span {
font-family: "gotham-book-webfont", sans-serif;
display: block;
font-size: 1.25rem;
line-height: 1em;
text-align: center;
text-decoration: none;
padding: 1rem;
margin: 0;
min-width: 200px;
position: relative;
text-transform: uppercase;
color: #808183;
background-color: #dfdcd4;
align-content: center;
flex: 1;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
-webkit-transition: background-color 0.5s ease;
-moz-transition: background-color 0.5s ease;
-ms-transition: background-color 0.5s ease;
-o-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
}
@media (max-width: 768px) {
.secnav li a,
.secnav li span {
flex: none;
margin: 0 auto;
width: 100%;
}
}
.secnav li a:hover, .secnav li a:active,
.secnav li span:hover,
.secnav li span:active {
background-color: #dfdcd4;
}
.secnav li a:hover::before, .secnav li a:active::before,
.secnav li span:hover::before,
.secnav li span:active::before {
opacity: 1;
transform: scale(1, 1);
}
.secnav li a:hover::after, .secnav li a:active::after,
.secnav li span:hover::after,
.secnav li span:active::after {
transform: scale(1, 0.1);
opacity: 0;
}
.secnav li a.active,
.secnav li span.active {
color: #FFFFFF;
background-color: #49777d;
}
.secnav li a.active::before,
.secnav li span.active::before {
opacity: 1;
transform: scale(1, 1);
}
.secnav li a.active::after,
.secnav li span.active::after {
transform: scale(1, 0.1);
opacity: 0;
}
.secnav li.active > a, .secnav li.active > span {
pointer-events: none;
color: #FFFFFF;
background-color: #49777d;
}
.secnav li.active > a::before, .secnav li.active > span::before {
opacity: 1;
transform: scale(1, 1);
}
.secnav li.active > a::after, .secnav li.active > span::after {
transform: scale(1, 0.1);
opacity: 0;
} #unit-search {
width: 100%;
padding: 0.8em 0.8em 1.2em 0.8em;
overflow: visible;
position: static;
left: auto;
top: auto;
}
#unit-search .wrapper {
max-width: 830px;
margin: 0 auto;
}
@media (max-width: 1024px) {
#unit-search .wrapper {
padding-top: 0;
border-top: none;
}
}
@media (max-width: 1024px) {
#unit-search.sticky {
position: fixed;
z-index: 801;
left: 0px;
top: 75px;
}
}
#unit-search-form {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font: inherit;
font-size: 100%;
}
fieldset {
border: none;
margin: 0;
text-align: center;
}
@media (max-width: 1024px) {
fieldset {
text-align: center;
}
}
.fields-title {
width: 16%;
display: inline-block;
margin: 1.2em auto 0 auto;
text-align: center;
vertical-align: middle;
}
.fields-title h2,
.fields-title h3,
.fields-title legend {
font-size: 1.2rem;
color: #FFFFFF;
text-transform: uppercase;
font-family: "lato-v24-latin-regular", sans-serif;
}
@media (max-width: 1024px) {
.fields-title {
width: 100%;
margin: 0 auto 1em auto;
}
}
.fields-rent {
width: 27%;
display: inline-block;
margin: 0 auto;
vertical-align: middle;
font-family: "lato-v24-latin-regular", sans-serif; }
@media (max-width: 1024px) {
.fields-rent {
width: 50%;
}
}
.fields-bedrooms {
width: 27%;
display: inline-block;
margin: 0 auto;
vertical-align: middle;
font-family: "lato-v24-latin-regular", sans-serif;
}
@media (max-width: 1024px) {
.fields-bedrooms {
width: 50%;
}
}
.fields-type { width: 28%;
display: inline-block;
margin: 0 auto;
vertical-align: middle;
font-family: "lato-v24-latin-regular", sans-serif;
}
@media (max-width: 1024px) {
.fields-type {
width: 50%; }
}
.fields-type .select-box {
font-family: "lato-v24-latin-regular", sans-serif;
}
.fields-move-in-date { width: 28%;
display: inline-block;
margin: 0 auto;
vertical-align: middle;
font-family: "lato-v24-latin-regular", sans-serif;
}
@media (max-width: 1024px) {
.fields-move-in-date {
width: 50%;
padding-top: 12px;
}
}
@media (max-width: 640px) {
.fields-move-in-date {
width: 50%;
}
}
.fields-move-in-date .select-box {
font-family: "lato-v24-latin-regular", sans-serif;
}
.filter {
width: 20%;
}
@media (max-width: 1024px) {
.filter {
width: 27%;
text-align: left;
display: inline-block;
float: none;
margin: 0 1em;
}
}
@media (max-width: 640px) {
.filter {
width: 70%;
margin: 0 0 0.7em 0;
}
}
.filter .select-box {
font-family: "lato-v24-latin-regular", sans-serif;
}
@media (max-width: 640px) {
.filter .select-box {
width: 100%;
}
}
.fields-submit {
width: 22%;
display: inline-block;
margin: 1.4em auto 0 auto;
vertical-align: middle;
font-family: "lato-v24-latin-regular", sans-serif;
}
@media (max-width: 1024px) {
.fields-submit {
display: block;
float: none;
width: auto;
text-align: center;
}
}
.fields-rent label,
.fields-bedrooms label,
.fields-type label,
.fields-move-in-date label {
font-family: "lato-v24-latin-regular", sans-serif;
font-size: 1rem;
text-align: left;
color: #FFFFFF;
width: 100%;
display: block;
}
.fields-bedrooms .full div {
float: left;
padding-right: 1em;
}
.fields-move-in-date input {
width: 90%;
background: #FFFFFF;
color: #000000;
padding: 10px 10px 10px 10px;
font-family: "lato-v24-latin-regular", sans-serif;
font-size: 15px;
margin-top: 5px;
height: 36px;
border: 0;
background: #FFFFFF url(//www.astraslc.com/wp-content/themes/client-theme/images/availability/ui-icons-calendar.svg) no-repeat 98% 50%;
border: 1px solid #FFFFFF;
border-radius: 0;
}
.select-box {
width: 90%;
padding: 0 10px 9px 10px;
margin: 0;
overflow: hidden;
background: #FFFFFF url(//www.astraslc.com/wp-content/themes/client-theme/images/availability/ui-icons-arrow.svg) no-repeat 98% 50%;
margin-top: 5px;
height: 36px;
border: 0;
border: 0;
}
.select-box select {
width: 130%;
padding: 0.55rem 0 0.55rem 0.2rem;
border: none;
box-shadow: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-family: "lato-v24-latin-regular", sans-serif;
font-size: 15px;
color: #000000;
}
.select-box select {
outline: none;
}
#unit-search-submit {
width: 90%;
max-width: 200px;
background: #49777d;
color: #FFFFFF;
padding: 0.4em 1em;
font-family: "lato-v24-latin-regular", sans-serif;
font-size: 1.1rem;
line-height: 1.3rem;
display: inline-block;
margin: 0 auto;
border: 0;
border-radius: 0;
text-transform: uppercase;
-webkit-transition: 0.2s all ease-in-out;
-moz-transition: 0.2s all ease-in-out;
-ms-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
@media (max-width: 1024px) {
#unit-search-submit {
width: 100%;
}
}
#unit-search-submit:hover {
background: rgb(54.196969697, 88.3484848485, 92.803030303);
cursor: pointer;
} #move-in-date {
font-family: Arial, Helvetica, sans-serif !important;
} div#ui-datepicker-div {
z-index: 500 !important;
}
.ui-datepicker {
width: 218px;
height: auto;
margin: 5px auto 0;
font-size: 12px;
-webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
background-color: #FFFFFF;
border: 1px solid #a7a09a;
font-family: "lato-v24-latin-regular", sans-serif;
}
.ui-datepicker a {
text-decoration: none;
}
.ui-datepicker table {
width: 100%;
}
.ui-datepicker-header {
background: #808183;
color: #FFFFFF;
line-height: 30px;
text-transform: uppercase;
}
.ui-datepicker-title {
text-align: center;
line-height: 30px !important;
}
.ui-datepicker-prev,
.ui-datepicker-next {
display: inline-block;
width: 30px;
height: 30px;
text-align: center;
cursor: pointer;
background-repeat: no-repeat;
line-height: 650% !important;
overflow: hidden;
}
.ui-datepicker-prev span,
.ui-datepicker-next span {
line-height: 650% !important;
}
.ui-datepicker-prev {
float: left;
background-image: url(//www.astraslc.com/wp-content/themes/client-theme/images/availability/ui-arrow-left.svg);
}
.ui-datepicker-prev:hover, .ui-datepicker-prev:active {
background-position: -3px 0px;
}
.ui-datepicker-next {
float: right;
background-image: url(//www.astraslc.com/wp-content/themes/client-theme/images/availability/ui-arrow-right.svg);
}
.ui-datepicker-next:hover, .ui-datepicker-next:active {
background-position: 3px 0px;
}
.ui-datepicker thead {
background-color: #f7f7f7;
border-bottom: 1px solid #bbb;
text-align: center;
}
.ui-datepicker th {
text-transform: uppercase;
font-size: 9px;
padding: 5px 0;
color: #465155;
text-shadow: 1px 0px 0px #fff;
text-align: center;
}
.ui-datepicker tbody td {
padding: 0;
border-right: 1px solid #a7a09a;
}
.ui-datepicker tbody td:last-child {
border-right: 0px;
}
.ui-datepicker tbody tr {
border-bottom: 1px solid #a7a09a;
}
.ui-datepicker tbody tr:last-child {
border-bottom: 0px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: inline-block;
font-weight: normal;
text-align: center;
width: 30px;
height: 30px;
line-height: 30px !important;
color: #808183;
}
.ui-datepicker-calendar .ui-state-default {
background: #ededed;
}
.ui-datepicker-calendar .ui-state-hover {
background: #f9f9f9;
}
.ui-datepicker-calendar .ui-state-active {
background: #465155;
color: #FFFFFF;
}
.ui-datepicker-unselectable .ui-state-default {
background: #f9f9f9;
color: #d8d8d8;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
width: 29px;
margin-left: 0;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
margin-right: 0;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
margin-bottom: 0;
}  .availability-toggle-container {
padding: 0 1.5em 0 1.5em;
}
@media (max-width: 640px) {
.availability-toggle-container {
padding: 0;
}
}
#availability-toggle {
margin: 0;
text-align: center;
padding: 1.5em 0 0 0;
width: 95%;
margin: 0 auto;
}
@media (max-width: 640px) {
#availability-toggle {
padding: 0.5em 0 0 0;
}
}
#availability-toggle li:before {
display: none;
}
#availability-toggle li {
font-family: "lato-v24-latin-700", sans-serif;
text-transform: uppercase;
display: inline-block;
font-size: 1.3rem;
line-height: 1.2rem;
text-align: center;
text-decoration: none;
margin: 0 0.5em;
padding: 0.8em;
position: relative;
border: 0;
min-width: 180px;
color: #465155;
background-color: rgb(212.12, 208.1, 197.38);
-webkit-transition: 0.2s all ease-in-out;
-moz-transition: 0.2s all ease-in-out;
-ms-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
#availability-toggle li:hover {
cursor: pointer;
background-color: rgb(205.592, 200.96, 188.608);
}
#availability-toggle li.active {
pointer-events: none;
color: #FFFFFF;
background-color: #49777d;
}
#availability-toggle li.searchType {
background-color: #dfdcd4;
margin: 0;
padding: 0.8em 0.5em;
min-width: auto;
}
@media (max-width: 640px) {
#availability-toggle li.searchType {
width: 100%;
padding-bottom: 1em;
}
}
@media (max-width: 1024px) {
#availability-toggle li {
margin-bottom: 0.5em;
font-size: 1rem;
}
}
@media (max-width: 640px) {
#availability-toggle li {
min-width: 140px;
}
}
#availability-toggle li a {
font-family: "lato-v24-latin-regular", sans-serif;
text-transform: uppercase;
display: block;
font-size: 1.3rem;
line-height: 1.2rem;
text-align: center;
text-decoration: none;
margin: 0;
padding: 0.8em;
position: relative;
border: 0;
min-width: 180px;
color: #465155;
background-color: rgb(212.12, 208.1, 197.38);
-webkit-transition: 0.2s all ease-in-out;
-moz-transition: 0.2s all ease-in-out;
-ms-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
#availability-toggle li a:hover {
cursor: pointer;
background-color: rgb(205.592, 200.96, 188.608);
}
#availability-toggle li a.active {
pointer-events: none;
color: #FFFFFF;
background-color: #49777d;
}
@media (max-width: 1024px) {
#availability-toggle li a {
width: 100%;
margin-bottom: 0.5em;
font-size: 1rem;
}
}
.intro-availability {
padding: 1.5em 0;
} #unit-listing {
margin: 0 auto;
max-width: 1600px;
width: 100%;
padding: 1.5em 1em 1em 1em;
}
#unit-listing .no-results {
color: #808183;
margin: 0 0 2em 0;
font-size: 1.25em;
text-align: center;
}
#unit-listing .no-results .no-results-boot {
font-size: 0.75rem;
}
#unit-listing,
#unit-listing a .available-unit-grid {
text-align: center;
overflow: hidden;
}
#unit-listing a .available-unit-grid {
width: 100%;
height: 530px;
display: inline-block;
position: relative;
overflow: hidden;
-webkit-transition: margin 0.75s ease-out;
-moz-transition: margin 0.75s ease-out;
-ms-transition: margin 0.75s ease-out;
-o-transition: margin 0.75s ease-out;
transition: margin 0.75s ease-out;
background-color: #FFFFFF;
padding: 1.5em;
border: 1px solid #FFFFFF;
}
#unit-listing a:hover .available-unit-grid {
border: 1px solid #465155;
}
#unit-listing .plan__cell.is-expanded .available-unit-grid {
border: 1px solid #49777d;
background-color: #FFFFFF;
}
#unit-listing a .available-unit-grid .available-unit-image {
width: 100%;
height: 250px;
text-align: center;
position: relative;
}
#unit-listing a .available-unit-grid img.fpimg {
max-height: 100%;
max-width: 100%;
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 1em 0 1em 0;
}
#unit-listing a .available-unit-grid h2 {
font-size: 1.9rem;
line-height: 1rem;
margin-bottom: 0.8rem;
padding: 0;
clear: both;
color: #49777d;
font-family: "gotham-book-webfont", sans-serif;
}
#unit-listing a .available-unit-grid h3 {
font-size: 1.1rem;
line-height: 1.5rem;
margin: 0 0 1em 0;
min-height: 70px;
color: #465155;
font-family: "lato-v24-latin-regular", sans-serif;
}
#unit-listing a .available-unit-grid h3 span.avail-num {
font-size: 1.15rem;
font-family: "gotham-medium-webfont", sans-serif;
color: #49777d;
}
#unit-listing a .available-unit-grid h3 span.thighlight {
font-size: 1.15rem;
font-family: "gotham-medium-webfont", sans-serif;
color: #49777d;
}
#unit-listing a .available-unit-grid h4 {
font-size: 1.1rem;
line-height: 1rem;
text-transform: uppercase;
vertical-align: baseline;
color: #465155;
-webkit-transition: all 0.75s ease-out;
-moz-transition: all 0.75s ease-out;
-ms-transition: all 0.75s ease-out;
-o-transition: all 0.75s ease-out;
transition: all 0.75s ease-out;
font-family: "gotham-medium-webfont", sans-serif;
}
#unit-listing a .available-unit-grid h3.availprice .vr-icon {
position: absolute;
z-index: 1;
position: absolute;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
bottom: 55px; width: 100%; color: #000000;
font-size: 3rem; display: block;
text-align: center;
line-height: 1em;
-webkit-transition: opacity 0.5s ease;
-moz-transition: opacity 0.5s ease;
-ms-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
transition: opacity 0.5s ease; }
#unit-listing .plan__cell.is-expanded .available-unit-grid h4 {
opacity: 0;
}
#unit-listing a .available-unit-grid h4 img {
width: 0.8em;
height: 0.7em;
vertical-align: baseline;
-webkit-transition: margin 0.75s ease-out;
-moz-transition: margin 0.75s ease-out;
-ms-transition: margin 0.75s ease-out;
-o-transition: margin 0.75s ease-out;
transition: margin 0.75s ease-out;
}
#unit-listing a:hover .available-unit-grid h4 img {
margin-left: 0.25em;
} .unit-detail {
background-color: #FFFFFF;
overflow: hidden;
width: calc(100% - 20px);
margin: 0 10px 0 10px;
padding: 3em 0 3em 0;
font-family: "lato-v24-latin-700", sans-serif;
}
@media (max-width: 900px) {
.unit-detail .fourth {
width: 100%;
}
.unit-detail .threefourth {
width: 100%;
}
}
.unit-detail .right {
text-align: center;
}
.unit-detail .left {
text-align: center;
}
@media (max-width: 900px) {
.unit-detail .left {
padding-right: 0;
}
}
.unit-detail .right img {
max-width: 100%;
height: auto;
max-height: 720px;
}
@media (max-width: 900px) {
.unit-detail .right img {
margin-top: 2em;
margin-bottom: 2em;
}
}
.unit-detail .unit-detail-info h2 {
font-family: "gotham-book-webfont", sans-serif;
font-size: 1.8rem;
line-height: 1.7rem;
margin: 0;
padding: 0;
clear: both;
color: #808183;
}
.unit-detail .unit-detail-info .date-needed {
max-width: 200px;
margin-bottom: 0.5rem;
}
.unit-detail .unit-detail-info h3 {
font-family: "gotham-book-webfont", sans-serif;
color: #49777d;
font-size: 2.5rem;
line-height: 3rem;
margin: 2rem 0 1rem 0;
padding: 0;
text-transform: none;
}
@media (max-width: 1024px) {
.unit-detail .unit-detail-info h3 {
font-size: 2.4rem;
}
}
.unit-detail .unit-detail-info h4 {
font-family: "lato-v24-latin-regular", sans-serif;
font-size: 1.2rem;
line-height: 1.6rem;
margin-bottom: 2em;
color: #000000;
}
.unit-detail .unit-detail-info h4.plan-name {
color: #000000;
font-size: 1.3rem;
}
@media (max-width: 900px) {
.unit-detail .unit-detail-info h4 {
margin-bottom: 1em;
}
}
.unit-detail .unit-detail-info p {
font-family: "lato-v24-latin-regular", sans-serif;
font-size: 0.9rem;
line-height: 1.3rem;
color: #465155;
margin-top: 2rem;
padding: 0;
}
@media (max-width: 900px) {
.unit-detail .unit-detail-info p {
margin-top: 1em;
}
} .unit-detail .unit-detail-info a,
.unit-detail .unit-detail-info .submit {
background: #49777d;
color: #FFFFFF;
width: 100%;
max-width: 200px;
display: block;
font-size: 1rem;
padding: 0.7em 0;
margin: 0 auto 0.5em auto;
text-decoration: none;
text-align: center;
cursor: pointer;
clear: both;
border: 0;
-webkit-transition: 500ms;
-moz-transition: 500ms;
-ms-transition: 500ms;
-o-transition: 500ms;
transition: 500ms;
text-transform: uppercase;
}
@media (max-width: 1024px) {
.unit-detail .unit-detail-info a,
.unit-detail .unit-detail-info .submit {
margin: 0 auto;
margin-bottom: 0.5em;
}
}
.icon-holder {
width: 100px;
height: 100%;
display: inline-block;
text-align: center;
}
@media (max-width: 1024px) {
.icon-holder {
display: inline-flex;
align-items: center;
text-align: center;
}
}
.fp-grid-icon-btn {
position: relative;
display: inline-block;
height: 100%;
width: 40px;
display: inline-flex;
justify-content: center;
align-items: center;
margin: 0.5em 0;
cursor: pointer;
}
.fp-grid-icon-btn svg {
width: 85%;
height: auto;
}
.fp-grid-icon-btn svg path {
fill: #49777d !important;
}
.fp-grid-icon-btn:hover svg path {
fill: #465155 !important;
}
.fp-grid-icon-btn .tooltiptext { position: absolute;
z-index: 1;
visibility: hidden;
width: 100px;
bottom: 100%;
left: 50%;
margin-left: -50px;
background-color: #465155;
color: #fff;
text-align: center;
text-transform: uppercase;
padding: 5px 0;
margin-bottom: 4px;
font-family: "lato-v24-latin-regular", sans-serif;
font-size: 0.75rem;
}
.fp-grid-icon-btn:hover .tooltiptext {
visibility: visible;
}
.unit-detail .unit-detail-info a:hover,
.unit-detail .unit-detail-info .submit:hover {
background-color: rgb(54.196969697, 88.3484848485, 92.803030303);
}
.floor-plans #secnav {
margin-bottom: 1rem;
}
.floor-plans #secnav li {
display: inline-block;
margin-bottom: 0.25em;
-webkit-transition: margin 0.75s ease-out;
-moz-transition: margin 0.75s ease-out;
-ms-transition: margin 0.75s ease-out;
-o-transition: margin 0.75s ease-out;
transition: margin 0.75s ease-out;
}
.floor-plans #secnav li:hover > a {
background: #465155;
color: #FFFFFF;
}
.floor-plans #secnav li a {
padding: 0.5rem 2rem;
background: #808183;
color: #FFFFFF;
-webkit-transition: 0.2s all ease-in-out;
-moz-transition: 0.2s all ease-in-out;
-ms-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
display: block;
min-width: 140px;
font-size: 1.313rem;
line-height: 1rem;
}
.floor-plans #secnav li a.active {
background: #465155;
color: #FFFFFF;
}
.unit-detail .full {
clear: both;
padding-top: 1em;
}
@media (max-width: 1024px) {
.unit-detail .full {
border-top: solid 1px #dcdad9;
}
}
.unit-detail .full .fp-avail-key {
width: 100%;
overflow: hidden;
display: table;
color: #465155;
}
@media (max-width: 1024px) {
.unit-detail .full .fp-avail-key {
display: none;
}
}
.unit-detail .full .fp-avail-key .fp-avail-key-item {
width: 20%;
font-size: 0.9rem;
text-transform: uppercase;
padding: 1em 0;
border-bottom: 1px solid #dcdad9;
display: table-cell;
color: #808183;
font-family: "lato-v24-latin-700", sans-serif;
}
.unit-detail .full .fp-avail-key .fp-avail-key-item.unit {
width: 20%;
}
.unit-detail .full .fp-avail-key .fp-avail-key-item.available {
width: 25%;
}
.unit-detail .full .fp-avail-key .fp-avail-key-item.specials {
width: 25%;
display: none;
}
.unit-detail .full .fp-avail-key .fp-avail-key-item.price {
width: 25%;
}
.unit-detail .full .fp-avail-key .fp-avail-key-item.calltoaction {
width: 30%;
}
.unit-detail .full .fp-avail-key .fp-avail-key-item { }
.unit-detail .full .avail-info {
width: 100%;
display: table;
}
@media (max-width: 1024px) {
.unit-detail .full .avail-info {
display: flex;
}
}
.unit-detail .full .avail-info .avail-info-item,
.unit-detail .full .avail-info .avail-info-mobile {
width: 20%;
font-family: "lato-v24-latin-700", sans-serif;
font-size: 1rem;
line-height: 1.3rem;
padding: 0.75em 0;
vertical-align: middle;
border-bottom: 1px solid #dcdad9;
display: table-cell;
color: #465155;
}
.unit-detail .full .avail-info .avail-info-item span.thighlight,
.unit-detail .full .avail-info .avail-info-mobile span.thighlight {
font-size: 1.1rem;
font-family: "gotham-medium-webfont", sans-serif;
color: #49777d;
}
.unit-detail .full .avail-info .avail-info-item.unit,
.unit-detail .full .avail-info .avail-info-mobile.unit {
width: 20%;
}
.unit-detail .full .avail-info .avail-info-item.available,
.unit-detail .full .avail-info .avail-info-mobile.available {
width: 25%;
}
.unit-detail .full .avail-info .avail-info-item.specials,
.unit-detail .full .avail-info .avail-info-mobile.specials {
width: 25%;
display: none;
}
.unit-detail .full .avail-info .avail-info-item.price,
.unit-detail .full .avail-info .avail-info-mobile.price {
width: 25%;
}
.unit-detail .full .avail-info .avail-info-item.calltoaction,
.unit-detail .full .avail-info .avail-info-mobile.calltoaction {
width: 30%;
}
.unit-detail .full .avail-info .avail-info-item.calltoaction .location,
.unit-detail .full .avail-info .avail-info-mobile.calltoaction .location {
display: none;
}
@media (max-width: 1080px) {
.unit-detail .full .avail-info .avail-info-item,
.unit-detail .full .avail-info .avail-info-mobile { }
}
@media (max-width: 1024px) {
.unit-detail .full .avail-info .avail-info-item.unit,
.unit-detail .full .avail-info .avail-info-mobile.unit {
display: none;
}
.unit-detail .full .avail-info .avail-info-item.available,
.unit-detail .full .avail-info .avail-info-mobile.available {
display: none;
}
.unit-detail .full .avail-info .avail-info-item.specials,
.unit-detail .full .avail-info .avail-info-mobile.specials {
display: none;
}
.unit-detail .full .avail-info .avail-info-item.price,
.unit-detail .full .avail-info .avail-info-mobile.price {
display: none;
}
}
.unit-detail .full .avail-info .avail-info-item.calltoaction,
.unit-detail .full .avail-info .avail-info-mobile.calltoaction {
width: 30%;
text-align: right;
}
@media (max-width: 1024px) {
.unit-detail .full .avail-info .avail-info-item.calltoaction,
.unit-detail .full .avail-info .avail-info-mobile.calltoaction {
width: 60%;
display: flex;
align-items: center;
justify-content: right;
}
}
.unit-detail .full .avail-info .avail-info-item.calltoaction a,
.unit-detail .full .avail-info .avail-info-mobile.calltoaction a {
background: #49777d;
color: #FFFFFF; display: inline-block;
vertical-align: text-bottom;
font-size: 0.9rem;
padding: 0.6rem 0;
margin: 0 0 0 0.5rem;
text-decoration: none;
text-align: center;
cursor: pointer;
clear: both;
text-transform: uppercase;
width: 112px;
-webkit-transition: 500ms;
-moz-transition: 500ms;
-ms-transition: 500ms;
-o-transition: 500ms;
transition: 500ms;
}
@media (max-width: 768px) {
.unit-detail .full .avail-info .avail-info-item.calltoaction a,
.unit-detail .full .avail-info .avail-info-mobile.calltoaction a {
font-size: 0.75rem;
width: 96px;
}
}
.unit-detail .full .avail-info .avail-info-item.calltoaction a:hover,
.unit-detail .full .avail-info .avail-info-mobile.calltoaction a:hover {
background-color: rgb(54.196969697, 88.3484848485, 92.803030303);
}
.unit-detail .full .avail-info .avail-info-mobile {
width: 80%;
display: none;
line-height: 1.5em;
}
@media (max-width: 1024px) {
.unit-detail .full .avail-info .avail-info-mobile {
width: 40%;
display: table-cell;
text-align: left;
}
} body {
margin: 0;
}
html {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
.plan__cell {
float: left;
position: relative;
transform: scale(0);
-webkit-transition: 0.3s all ease-in-out;
-moz-transition: 0.3s all ease-in-out;
-ms-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.plan__cell.active {
transform: scale(1);
}
.plan--basic {
padding: 0 10px;
}
.plan__cell.is-collapsed .plan--basic {
cursor: pointer;
}
.plan__cell.is-expanded .plan--expand {
max-height: 6000px;
margin-bottom: 20px;
}
.plan--expand {
position: relative;
left: -10px;
padding: 0 10px;
box-sizing: content-box;
overflow: hidden;
max-height: 0;
transition: max-height 0.5s ease-in-out, margin-bottom 0.1s 0.2s;
}
.plan__cell.is-collapsed .arrow--up {
height: 20px;
width: 100%;
}
.plan__cell.is-expanded .arrow--up {
border-bottom: 15px solid #FFFFFF;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
height: 0;
width: 0;
margin: 20px auto -15px auto;
position: relative;
z-index: 99999;
}
.plan__cell.is-expanded .arrow--up:after, .plan__cell.is-expanded .arrow--up:before {
bottom: 100%;
left: 50%;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.plan__cell.is-expanded .arrow--up:after {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #FFFFFF;
border-width: 21px;
margin-left: -21px;
margin-bottom: -1px;
}
.plan__cell.is-expanded .arrow--up:before {
border-color: rgba(73, 119, 125, 0);
border-bottom-color: #49777d;
border-width: 21px;
margin-left: -21px;
}
.plan__cell.is-expanded .arrow--up .arrow--up--inside {
border-bottom: 15px solid #fff;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
position: absolute;
top: 1px;
z-index: 5;
left: -15px;
}
.expand__close {
position: absolute;
right: 21px;
top: 1px;
display: block;
width: 36px;
height: 36px;
overflow: hidden;
background-color: #49777d;
cursor: pointer;
}
@media (max-width: 700px) {
.expand__close {
right: 10px;
}
}
.expand__close:hover,
.expand__close:hover {
background-color: #465155;
}
.expand__close::before,
.expand__close::after {
content: "";
position: absolute;
height: 2px;
width: 20px;
top: 50%;
left: 50%;
margin: -1px auto 0 -10px;
background: #FFFFFF;
-webkit-transition: 500ms;
-moz-transition: 500ms;
-ms-transition: 500ms;
-o-transition: 500ms;
transition: 500ms;
}
.expand__close::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.expand__close::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.expand__close::before,
.expand__close::after {
height: 2px;
margin-top: -2px;
}
.plan--large {
max-width: 100%;
height: auto;
display: block;
padding: 40px;
margin: 0 auto;
box-sizing: border-box;
border: #49777d 1px solid;
}
@media only screen and (max-width: 700px) {
.plan__cell {
width: 100%;
}
.plan--expand {
width: 100%;
left: 0;
padding: 0;
}
.plan--large {
padding: 20px;
}
}
@media only screen and (max-width: 1000px) and (min-width: 701px) {
.plan__cell {
width: 50%;
}
.plan__cell.single {
margin-left: 25%;
}
.plan__cell:nth-of-type(2n+2) .plan--expand {
margin-left: -100%;
}
.plan__cell:nth-of-type(2n+3) {
clear: left;
}
.plan--expand {
width: 200%;
}
.plan--expand.single {
margin-left: -50%;
}
}
@media only screen and (max-width: 1300px) and (min-width: 1001px) {
.plan__cell {
width: 33.333333%;
}
.plan__cell.half {
width: 50%;
}
.plan__cell.single {
margin-left: 34%;
}
.plan__cell:nth-of-type(3n+2) .plan--expand {
margin-left: -100%;
}
.plan__cell:nth-of-type(3n+3) .plan--expand {
margin-left: -200%;
}
.plan__cell:nth-of-type(3n+4) {
clear: left;
}
.plan--expand {
width: 300%;
}
.plan--expand.half {
width: 200%;
}
.plan--expand.single {
margin-left: -102%;
}
}
@media only screen and (min-width: 1301px) {
.plan__cell {
width: 25%;
}
.plan__cell.half {
width: 50%;
}
.plan__cell.third {
width: 33.333333%;
}
.plan__cell.single {
margin-left: 38%;
}
.plan__cell:nth-of-type(4n+2) .plan--expand {
margin-left: -100%;
}
.plan__cell:nth-of-type(4n+3) .plan--expand {
margin-left: -200%;
}
.plan__cell:nth-of-type(4n+4) .plan--expand {
margin-left: -300%;
}
.plan__cell:nth-of-type(4n+5) {
clear: left;
}
.plan--expand {
width: 400%;
}
.plan--expand.half {
width: 200%;
}
.plan--expand.third {
width: 300%;
}
.plan--expand.single {
margin-left: -152%;
}
} @media (max-width: 900px) {
#unit-detail #detail-unit-image {
padding-top: 2em;
padding-left: 1em;
padding-right: 1em;
} }  #gr { display: block;
padding: 0 0 0.5em 0;
background-color: #dfdcd4;
position: relative;
}
#sp {
display: none;
text-align: center;
width: 100%;
position: relative;
font-family: "lato-v24-latin-regular", sans-serif;
background-color: #dfdcd4;
padding: 0 4em 2em 4em;
}
@media (max-width: 1024px) {
#sp {
padding: 0 2em 2em 2em;
}
}
#sp-iframe {
position: relative;
padding-bottom: 56.25%;
padding-top: 0;
height: 0;
}
@media (max-width: 800px) {
#sp-iframe {
padding-top: 0;
height: 800px;
}
}
#sp-iframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.availabilitybg {
background-color: #465155;
font-family: "lato-v24-latin-regular", sans-serif;
}
.availability #intro,
.availability-dev #intro {
padding: 5em 1em 5em 1em;
}
.availability #intro .intro-text,
.availability-dev #intro .intro-text {
padding: 0;
}
.availability #intro .intro-text p,
.availability-dev #intro .intro-text p {
margin: 0;
padding: 0;
}
.availability #intro,
.availability-dev #intro { }
h3.availprice .tsecondary {
color: #808183;
font-family: "gotham-medium-webfont", sans-serif;
}
.date-needed {
width: 100%;
background: #FFFFFF;
color: #465155;
padding: 10px 10px 10px 10px;
font-size: 15px;
height: 36px;
border: 0;
background: #FFFFFF url(//www.astraslc.com/wp-content/themes/client-theme/images/availability/ui-icons-calendar.svg) no-repeat 98% 50%;
border: 1px solid #a7a09a;
}
@media (max-width: 1024px) {
.date-needed {
margin: 0 auto;
max-width: 200px;
}
}