@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;
}
#poi-holder {
margin-bottom: 4em;
}
@media (max-width: 768px) {
#poi-holder .wrapper-full {
width: calc(100% - 2em) !important;
}
}
#poi-intro {
width: 100%;
}
@media (max-width: 980px) {
#poi-intro {
border: none;
}
}
#poi-intro h2 {
color: #FFFFFF;
padding: 1em;
font-size: 1.4em;
line-height: 1.3em;
font-family: "gotham-book-webfont", sans-serif;
text-align: center;
}
@media (max-width: 720px) {
#poi-intro h2 {
font-size: 1.125em;
}
}
.poi-title {
font-size: 2.25em;
}
@media (max-width: 640px) {
.poi-title {
font-size: 1.75em;
}
}
.poi-loader {
border-radius: 100%;
border-style: solid;
border-width: 0.25rem;
height: 5rem;
width: 5rem;
margin: 8rem auto;
animation: poi-loader 1s infinite linear;
}
.poi-loader {
border-color: #808183;
border-top-color: #465155;
}
@keyframes poi-loader {
0% {
transform: rotate(0);
}
100% {
transform: rotate(359.9deg);
}
}
#poi {
display: flex;
align-items: center;
justify-content: center;
background-color: #dfdcd4;
min-height: 600px;
}
#map-all {
width: 100%;
min-height: 600px;
position: relative;
overflow: hidden;
display: none;
background-color: #dfdcd4;
}
@media (max-width: 980px) {
#map-all {
width: 100%;
height: auto !important;
padding: 1.3em 0;
background-color: #465155;
}
}
@media (max-width: 980px) and (max-width: 1024px) {
#map-all {
padding: 0;
}
}
@media (max-width: 720px) {
#map-all {
height: auto;
}
}
#map-canvas {
height: 100%;
width: 100%;
width: -moz-calc(100% - 250px);
width: -webkit-calc(100% - 250px);
width: calc(100% - 250px);
position: absolute;
left: 250px;
}
@media (max-width: 980px) {
#map-canvas {
z-index: 0;
left: 0px !important;
top: 0px;
width: 100% !important;
float: left;
position: relative;
overflow: hidden;
padding: 0;
height: 580px;
}
}
@media (max-width: 720px) {
#map-canvas {
height: 400px;
}
}
@media (max-width: 540px) {
#map-canvas {
height: 460px !important;
}
}
@media (max-width: 480px) {
#map-canvas {
height: 460px !important;
}
}
#all-cat {
width: 180px;
display: none;
margin: 1em auto;
padding: 0.6em 0.8em 0.6em 0;
text-align: right;
font-family: "gotham-book-webfont", sans-serif;
font-size: 0.95em;
line-height: 1.56em;
color: #FFFFFF;
background-color: #49777d;
cursor: pointer;
}
#all-cat span {
margin-right: 0.3em;
-webkit-transition: margin-right 300ms ease;
-moz-transition: margin-right 300ms ease;
-ms-transition: margin-right 300ms ease;
-o-transition: margin-right 300ms ease;
transition: margin-right 300ms ease;
}
#all-cat:hover {
background-color: rgba(73, 119, 125, 0.1);
}
#all-cat:hover span {
margin-right: 0.5em;
}
i.fontsmall {
font-size: 0.72em;
vertical-align: top;
padding: 0.35em 0.5em 0 0;
}
.menu-tab,
.menu-tab2 {
top: 20px;
background-image: url(//www.astraslc.com/wp-content/themes/client-theme/images/poi/icons/menu.svg);
background-repeat: no-repeat;
background-size: 0.9em 0.9em;
background-position: 1.1em 0.8em;
position: absolute;
left: 250px;
z-index: 200;
width: 114px;
margin: 0;
padding: 0.7em 0 0.6em 0;
font-family: "gotham-medium-webfont", sans-serif;
font-size: 0.9em;
letter-spacing: 0;
line-height: 1.2em;
text-align: center;
color: #FFFFFF;
cursor: pointer;
-webkit-transition: background-color 500ms ease;
-moz-transition: background-color 500ms ease;
-ms-transition: background-color 500ms ease;
-o-transition: background-color 500ms ease;
transition: background-color 500ms ease;
background-color: rgba(70, 81, 85, 0.9);
}
.menu-tab:hover,
.menu-tab2:hover {
background-color: #465155;
}
@media (max-width: 980px) {
.menu-tab,
.menu-tab2 {
display: none;
}
}
.menu-tab2 {
left: 0;
display: none;
}
.view-type,
.view-type2 {
top: 60px;
position: absolute;
display: block;
left: 250px;
z-index: 200;
width: 114px;
margin: 0;
padding: 0.7em 0 0.6em 0;
font-family: "gotham-medium-webfont", sans-serif;
font-size: 0.9em;
letter-spacing: 0;
line-height: 1.2em;
text-align: center;
color: #FFFFFF;
cursor: pointer;
-webkit-transition: background-color 500ms ease;
-moz-transition: background-color 500ms ease;
-ms-transition: background-color 500ms ease;
-o-transition: background-color 500ms ease;
transition: background-color 500ms ease;
background-color: rgba(70, 81, 85, 0.9);
}
.view-type:hover,
.view-type2:hover {
background-color: #465155;
}
@media (max-width: 980px) {
.view-type,
.view-type2 {
display: none;
}
}
.view-type {
display: none;
}
.reset {
top: 100px;
position: absolute;
left: 250px;
z-index: 200;
width: 114px;
margin: 0;
padding: 0.7em 0 0.6em 0;
font-family: "gotham-medium-webfont", sans-serif;
font-size: 0.9em;
letter-spacing: 0;
line-height: 1.2em;
text-align: center;
color: #FFFFFF;
cursor: pointer;
-webkit-transition: background-color 500ms ease;
-moz-transition: background-color 500ms ease;
-ms-transition: background-color 500ms ease;
-o-transition: background-color 500ms ease;
transition: background-color 500ms ease;
background-color: rgba(70, 81, 85, 0.9);
}
.reset:hover {
background-color: #465155;
}
@media (max-width: 980px) {
.reset {
display: none;
}
}
#controlHolder {
position: absolute;
}
#btn-zoom-in,
#btn-zoom-out {
position: absolute;
z-index: 300;
left: 260px;
width: 38px;
height: 38px;
cursor: pointer;
background-color: rgba(70, 81, 85, 0.9);
background-repeat: no-repeat;
background-size: cover;
-webkit-transition: background-color 500ms ease;
-moz-transition: background-color 500ms ease;
-ms-transition: background-color 500ms ease;
-o-transition: background-color 500ms ease;
transition: background-color 500ms ease;
}
#btn-zoom-in:hover,
#btn-zoom-out:hover {
background-color: #465155;
}
#btn-zoom-in {
top: 150px;
background-image: url(//www.astraslc.com/wp-content/themes/client-theme/images/poi/icons/zoom-in.svg);
}
@media (max-width: 980px) {
#btn-zoom-in {
z-index: 1;
top: 10px;
left: 10px;
}
}
#btn-zoom-out {
top: 196px;
background-image: url(//www.astraslc.com/wp-content/themes/client-theme/images/poi/icons/zoom-out.svg);
}
@media (max-width: 980px) {
#btn-zoom-out {
z-index: 1;
top: 10px;
left: 60px;
}
}
#caption {
display: block;
}
@media (max-width: 720px) {
#caption {
display: none;
}
}
.iw-container {
width: auto;
}
@media (max-width: 720px) {
.iw-container {
width: 170px;
}
}
.infowindow {
min-height: 220px;
overflow: hidden;
}
@media (max-width: 720px) {
.infowindow {
width: 180px;
min-height: auto;
}
}
.map-photo {
width: 100%;
height: 196px;
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center;
}
@media (max-width: 720px) {
.map-photo {
height: 120px;
}
}
.map-photo img {
max-width: 100%;
height: auto;
margin: auto;
display: block;
}
.map-text {
width: 100%;
padding: 0.5rem;
float: left;
}
.map-text h2 {
font-family: "lato-v24-latin-700", sans-serif;
font-family: "gotham-medium-webfont", sans-serif;
font-weight: 900;
font-size: 1.25em;
line-height: 1.3em;
text-align: left;
margin-top: 4px;
padding: 0;
color: #465155;
}
@media (max-width: 720px) {
.map-text h2 {
font-size: 1.1em;
line-height: 1.3em;
}
}
.map-text h3 {
font-family: "lato-v24-latin-regular", sans-serif;
font-size: 0.95em;
line-height: 1.3em;
text-align: left;
margin: 0.2em 0 0.3em 0;
padding: 0;
color: #465155;
}
@media (max-width: 720px) {
.map-text h3 {
font-size: 0.9em;
line-height: 1.3em;
}
}
.map-text h4 {
font-family: "gotham-medium-webfont", sans-serif;
font-size: 1em;
line-height: 1.4em;
text-align: left;
padding: 0 0 0.4em 0;
margin: 0;
height: 17px;
color: #465155;
}
@media (max-width: 720px) {
.map-text h4 {
font-size: 1em;
line-height: 1.3em;
padding: 0;
}
}
.map-text h4 a {
font-family: "gotham-medium-webfont", sans-serif;
}
.map-text h4 a:link {
color: #465155;
text-decoration: none;
text-transform: none;
}
.map-text h4 a:visited {
color: #465155;
}
.map-text h4 a:hover {
color: #49777d;
}
.map-text h4 svg {
width: 1.3em;
height: auto;
display: inline;
fill: #465155;
padding: 0 0.2em 0.2em 0;
vertical-align: middle;
}
@media (max-width: 720px) {
.map-text h4 {
padding: 0;
}
}
.map-text p {
color: #000000;
font-family: "lato-v24-latin-regular", sans-serif;
font-size: 0.85em;
font-weight: normal;
line-height: 1.3em;
padding: 0.6em 0 0 0;
margin: 0;
}
@media (max-width: 720px) {
.map-text p {
font-size: 11px;
line-height: 12px;
padding: 0.5em 0 0.4em 0;
}
}
.map-text a {
font-family: "gotham-medium-webfont", sans-serif;
}
.map-text a:link {
font-weight: normal;
padding: 1em 0;
color: #465155;
text-transform: uppercase;
}
@media (max-width: 720px) {
.map-text a:link {
padding: 0;
}
}
.map-text a:visited {
padding: 1em 0;
color: #465155;
}
@media (max-width: 720px) {
.map-text a:visited {
padding: 0;
}
}
.map-text a:hover {
color: #49777d;
}
.paddingBottom {
padding-bottom: 5px;
margin: 0px;
}
#map-side-bar {
height: auto;
width: 250px;
background-color: #dfdcd4;
overflow: visible;
padding: 0.5em 0;
height: 100%;
position: absolute;
z-index: 1;
left: 0px;
top: 0px;
}
@media (max-width: 980px) {
#map-side-bar {
z-index: 0;
left: 0px !important;
top: 0px;
width: 100% !important;
float: left;
position: relative;
overflow: hidden;
padding: 0.5em;
height: auto;
padding: 0 0.5em 0px 0.5em;
}
}
#map-side-bar p {
font-family: "lato-v24-latin-regular", sans-serif;
padding: 10px;
line-height: 18px;
margin-bottom: 4px;
}
#map-side-bar h2 {
font-family: "gotham-medium-webfont", sans-serif;
padding: 10px;
line-height: 18px;
}
#map-side-bar a {
font-family: "lato-v24-latin-regular", sans-serif;
text-decoration: none;
}
#map-side-bar-menu {
width: 100%;
overflow: auto !important;
margin: 10px auto 0;
}
@media (max-width: 980px) {
#map-side-bar-menu {
z-index: 0;
left: 0px !important;
top: 0px;
width: 100% !important;
float: left;
position: relative;
overflow: hidden;
padding: 0.5em;
margin: 10px auto 0;
padding: 0 0 1em 0;
width: 100%;
float: left;
}
}
#community-link {
padding: 15px 0 5px 0;
margin: 0;
width: auto;
margin: 0 auto;
text-align: center;
text-transform: uppercase;
font-size: 0.8em;
font-family: "gotham-book-webfont", sans-serif;
font-weight: 600;
color: #465155;
cursor: pointer;
}
#community-link img {
max-width: 34px;
padding-right: 10px;
}
@media (max-width: 980px) {
#community-link {
margin: 1em 0 0 0;
}
}
.urbangreymenu {
width: 210px;
}
.urbangreymenu .headerbar {
font-size: 0.95em;
line-height: 1.2em;
font-family: "gotham-medium-webfont", sans-serif;
letter-spacing: 0px;
text-transform: uppercase;
padding: 15px 0 14px 48px;
margin: 0 0 2px 0;
color: #465155;
background-color: rgba(255, 255, 255, 0.15);
background-repeat: no-repeat;
background-position: 12px 8px;
background-size: 24px;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
@media (max-width: 980px) {
.urbangreymenu .headerbar {
z-index: 0;
left: 0px !important;
top: 0px;
width: 100% !important;
position: relative;
text-align: left;
overflow: hidden;
}
}
.urbangreymenu .headerbar:hover {
cursor: pointer;
background-color: rgba(255, 255, 255, 0.45);
}
.urbangreymenu .headerbar a {
text-decoration: none;
display: block;
color: #808183;
}
.urbangreymenu ul {
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0;
}
.urbangreymenu ul li {
list-style-type: none;
padding-bottom: 0;
margin: 2px;
color: #465155;
background-color: rgba(255, 255, 255, 0.3);
display: block;
padding: 6px 10px;
font-family: "lato-v24-latin-regular", sans-serif;
font-size: 0.8em;
line-height: 1.5em;
text-decoration: none;
cursor: pointer;
}
.urbangreymenu ul li:hover {
background-color: rgba(255, 255, 255, 0.5);
}
.urbangreymenu ul li.selected {
background-color: rgba(255, 255, 255, 0.6);
}
#commSlider {
width: 120%;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
margin-left: -10%;
}
@media (max-width: 720px) {
#commSlider {
display: none;
}
}
@media (max-width: 980px) {
#explore-headline-bold {
display: none;
}
}
@media (max-width: 980px) {
#explore-boxes {
display: none;
}
}
@media (max-width: 980px) {
#map {
height: 520px;
}
}
@media (max-width: 480px) {
.explore .select-cat {
font-size: 1em;
padding: 0.5em 4em;
}
}
.caro-holder {
display: block;
}
@media (max-width: 540px) {
.caro-holder {
display: none;
}
}
.cycle-carousel-wrap {
display: block;
}
@media (max-width: 540px) {
.cycle-carousel-wrap {
display: none;
}
} .gm-style .gm-style-iw-c {
width: 300px;
border-radius: 0;
padding: 0 !important;
background-color: #FFFFFF;
}
@media (max-width: 640px) {
.gm-style .gm-style-iw-c {
width: auto !important;
}
}
.gm-style .gm-style-iw-tc::after {
background: #FFFFFF;
}
.gm-style-iw-d {
overflow: hidden !important;
}
.gm-style-iw {
width: 300px !important;
border: 4px solid #FFFFFF;
}
.gm-style-iw-ch {
padding: 0 !important;
}
.gm-style-iw-chr button {
position: absolute !important;
}
a.iw-close-bg {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
width: 20px;
height: 20px;
position: absolute;
top: 0;
right: 0;
color: #49777d;
background-color: #FFFFFF;
display: block;
z-index: 10;
font-size: 30px;
line-height: 0;
padding: 10px 0 0 3px;
text-decoration: none;
}
.gm-ui-hover-effect {
opacity: 0;
}
.gm-ui-hover-effect:hover {
opacity: 0;
}