.map-container{width:100%;height:100%;position:relative;margin:20px 0;border-radius:10px;overflow:hidden}.map-container .direction{width:120px;height:30px;position:absolute;z-index:50;text-align:center;color:#fff;font-size:1.2rem;font-weight:300;text-transform:uppercase;letter-spacing:.4rem}.map-container .direction.west{left:10px;bottom:25px}.map-container .direction.east{right:10px;bottom:25px}.map-box{text-align:center;color:#fff;width:100%;min-height:200px;position:relative}.map-box h1{font-size:3rem;padding-top:3rem}.map-box h2{font-weight:200;font-size:1.8rem}.map-box .island{overflow:hidden;width:100%}.map-box .island svg{width:100%!important;height:auto!important;min-height:1px}.map-box .island-box{width:1423px;height:359px;position:relative}.map-box .island-box .island-image{width:1423px;height:359px;position:absolute;left:0;top:0;z-index:0;margin:0;padding:0}.map-box .tag{color:#fff;background-color:red;position:absolute}.map-box .beach-link{position:absolute;width:34px;height:359px;left:20px;top:0;z-index:50}.map-box .beach-link.active{background-color:hsla(0,0%,100%,.3);outline:5px solid hsla(0,0%,100%,.1);box-shadow:0 0 10px hsla(0,0%,100%,.5)}.map-box .map-image{height:320px;width:auto}.map-box .island-water{position:absolute;width:100%;height:100%;left:0;top:0;z-index:0;background:#99e1d4;background:-webkit-linear-gradient(legacy-direction(-10deg),#99e1d4,#52a9c3);background:linear-gradient(-10deg,#99e1d4,#52a9c3)}.square{max-width:300px;height:250px;border-radius:10px;position:relative;overflow:hidden;margin:0 auto 20px}.square .hover-overlay{opacity:0;left:0;transition:.5s ease}.square .background,.square .hover-overlay{position:absolute;width:100%;height:100%;top:0}.square .background{z-index:1;background-size:cover;background-position-x:center;background-position-y:-15px;border-radius:0 0 20px 20px}.square .content{z-index:50;padding:10px 15px;background-color:#fff;position:absolute;bottom:0;width:100%;height:60px;text-align:right}.square .content h2{padding:0;margin:0;font-size:1rem}.square .content .timestamp{color:#868e96;margin:0;padding:0;font-size:.9rem}.square .profile{width:60px;border-radius:50%;position:absolute;top:-50%;left:20px;padding:0;margin:0}.square.beach .content{border-top:5px solid;height:auto;min-height:80px;text-align:left}.square.beach .content h2{color:#343a40}.square.beach .content .description{color:#868e96;font-size:.8rem;margin:0;padding:0;line-height:1.4}.square.beach .dot{position:absolute;width:25px;height:25px;right:20px;top:-15px;border-radius:50%}.square.beach:hover .hover-overlay{opacity:.6}.square.beach:hover .content>h2{color:#008b9f}.square.beach:hover .background{background-color:red}@media (min-width:320px){.square{height:300px}}.watch-hill-bg{background-color:#edb363!important}.watch-hill-border{border-color:#edb363!important}.davis-park-bg{background-color:#177cb3!important}.davis-park-border{border-color:#177cb3!important}.water-island-bg{background-color:#dd204c!important}.water-island-border{border-color:#dd204c!important}.fi-pines-bg{background-color:#683190!important}.fi-pines-border{border-color:#683190!important}.cherry-grove-bg{background-color:#c21d6d!important}.cherry-grove-border{border-color:#c21d6d!important}.lighthouse-bg{background-color:#c61f43!important}.lighthouse-border{border-color:#c61f43!important}.kismet-bg{background-color:#3070b7!important}.kismet-border{border-color:#3070b7!important}.saltaire-bg{background-color:#e280b0!important}.saltaire-border{border-color:#e280b0!important}.fair-harbor-bg{background-color:#dcb18a!important}.fair-harbor-border{border-color:#dcb18a!important}.dunewood-bg{background-color:#1a9d81!important}.dunewood-border{border-color:#1a9d81!important}.atlantique-bg{background-color:#1a9d81!important}.atlantique-border{border-color:#1a9d81!important}.ocean-beach-bg{background-color:#0faec2!important}.ocean-beach-border{border-color:#0faec2!important}.seaview-bg{background-color:#dfcc3b!important}.seaview-border{border-color:#dfcc3b!important}.ocean-bay-park-bg{background-color:#ea6825!important}.ocean-bay-park-border{border-color:#ea6825!important}.point-o-woods-bg{background-color:#469cd5!important}.point-o-woods-border{border-color:#469cd5!important}.sailors-haven-bg{background-color:#11783d!important}.sailors-haven-border{border-color:#11783d!important}.sunken-forest-bg{background-color:#11783d!important}.sunken-forest-border{border-color:#11783d!important}.tip{background-color:#008b9f;width:100%;color:#fff;border-left:6px solid #074f57;padding:10px;border-radius:10px;margin-bottom:20px}.tip .head h1{font-size:1.3rem}