application.css

@media screen and (max-width: 700px){body nav{box-sizing:border-box;left:0;padding:5px;top:0;width:100%}body nav h1{margin-bottom:5px}body form{clear:both}body form::after{clear:both;content:'.';display:block;height:0;visibility:hidden}body form .search-wrapper{width:80%;width:calc(100% - 55px)}body form input{font-size:14px;height:inherit;line-height:inherit}body form #reset_address{right:60px;top:5px}body form button{height:28px}body .map-footer{display:none}body .mobile-footer{bottom:20px;display:inline-block;left:50%;margin:auto;position:absolute;transform:translateX(-50%);width:auto}body .mobile-menu-footer{bottom:0;font-size:15px;left:0;padding:15px;position:absolute}body .mobile-menu-footer a{color:#100f0b}body .mobile-app-links{display:none}body .play-store{margin-left:-10px}.borough-select:hover{background:#eee !important}.mobile-infowindow{display:block !important}#zoom_in,#zoom_out{display:none}#mylocation{bottom:20px !important}#show_hide_zones{bottom:64px !important}.logo{margin-left:42px}.modal-content{max-width:75% !important}.mobile-hamburger-btn{background-color:transparent;cursor:pointer;float:none;height:28px;left:5px;padding:0 5px;position:absolute;top:5px;width:32px}.mobile-hamburger-btn .icon-bar{background:#888;border-radius:1px;display:block;height:3px;margin-bottom:5px;width:22px}.mobile-hamburger-btn .icon-bar:last-child{margin:0}.mobile-hamburger-btn svg{fill:#888;height:16px;width:16px}.mobile-hamburger-menu{background:#eee;display:block !important;height:100%;left:0;min-width:75%;position:fixed;top:0;transform:translateX(-100%);transition:transform 500ms ease;z-index:150}.mobile-hamburger-menu ul{list-style:none;margin:0;padding:0}.mobile-hamburger-menu li{padding:10px}.mobile-hamburger-menu .mobile-hamburger-btn{border:0;color:#888;font-size:25px;outline:none;top:5px}.mobile-hamburger-menu .mobile-hamburger-btn:focus{outline:none}.mobile-hamburger-menu .mobile-menu-title{margin:15px 12px;font-weight:bold;text-transform:uppercase}.mobile-hamburger-menu .mobile-menu-item{margin-bottom:10px;padding-left:20px}.mobile-hamburger-menu .mobile-menu-item input[type=radio]{margin-right:5px;width:25px;vertical-align:-8px}.mobile-hamburger-menu .mobile-menu-header{background:#ddd;padding:5px 5px 1px 5px}.show-mobile-menu .mobile-hamburger-menu{transform:translateX(0%)}}@media screen and (max-width: 800px){.style-selectors{display:none}}.zone-name{color:#000;font-size:14px;font-weight:bold}.zone-link{color:#333;cursor:pointer;text-decoration:underline}.zone-icon{display:inline-block;height:14px;position:relative;top:1px;width:14px}.zone-size{color:#777;float:right;font-weight:normal;margin-left:5px}.zone-summary{font-family:sans-serif;margin-top:5px}.zone-summary a{color:#333}.mobile-infowindow--close{display:none}.mobile-infowindow{background:#fff;bottom:0;color:#333;display:none;left:0;margin:auto;opacity:0;position:fixed;right:0;transform:translateY(100%);transition:opacity 500ms ease, transform 500ms ease;width:100%;z-index:101}.mobile-infowindow.show{opacity:0.9;transform:translateY(0%)}.mobile-infowindow .zone-link{text-decoration:none}.mobile-infowindow .zone-summary{margin:0;max-height:250px;overflow-y:auto;padding:10px}.mobile-infowindow .zone-size{color:#666}.gm-style-iw ~ div img{display:none}.gm-style-iw ~ div::after{background:url("images/close.png");background-size:contain;content:'';display:block;height:100%;width:100%}.gm-style-iw{overflow:hidden !important}.gm-style-iw>div>div{overflow:hidden !important}body{-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:sans-serif;overflow:hidden}*{-webkit-touch-callout:none;-webkit-user-select:none}* input{-webkit-touch-callout:auto;-webkit-user-select:auto}#canvas{height:100%;left:0;line-height:1em;position:absolute;top:0;width:100%;z-index:1}nav{background:rgba(200,200,200,0.8);border:solid 1px #333;left:20px;padding:20px;position:absolute;top:20px;width:375px;z-index:2}.neighborhood-selector{display:table;font-size:12px;margin-top:10px;width:100%}.neighborhood-selector span{background:#eee;border-left:solid 3px rgba(200,200,200,0.8);border-right:solid 3px rgba(200,200,200,0.8);color:dimgray;cursor:pointer;display:table-cell;padding:5px 0;text-align:center}.neighborhood-selector span:hover{background:#ddd}.neighborhood-selector span:first-child{border-left:0}.neighborhood-selector span:last-child{border-right:0}.logo{cursor:default;display:inline-block;font-family:'Arvo', serif;margin-bottom:5px;margin-top:0}.site-description{color:#888;font-size:12px;position:absolute;visibility:hidden}.site-keywords{position:absolute;visibility:hidden}#offline_notice{-webkit-transition:opacity 2s;-moz-transition:opacity 2s;-ms-transition:opacity 2s;-o-transition:opacity 2s;transition:opacity 2s;background:#ec8787;color:#551313;font-size:14px;opacity:0;padding:5px;pointer-events:none;position:absolute;right:5px;text-transform:uppercase;top:7px}#offline_notice.active{cursor:pointer;opacity:.7;pointer-events:initial}.content-wrapper::after{background:#000;content:'';height:100%;opacity:0;left:0;position:absolute;top:0;transition:opacity 500ms ease;width:100%;visibility:hidden;z-index:101}.map-footer,.mobile-footer{background:rgba(250,250,250,0.5);bottom:0;color:#333;font-size:12px;left:50%;padding:3px;position:absolute;text-align:center;transform:translateX(-50%);z-index:100}.map-footer a,.mobile-footer a{color:#333;text-decoration:none}.mobile-footer{display:none}form{clear:both;display:block;position:relative}form::after{clear:both;content:'.';display:block;height:0;visibility:hidden}form #reset_address{color:inherit;display:block;height:18px;line-height:20px;opacity:.5;outline:none;position:absolute;right:59px;text-align:center;text-decoration:none;top:4px;width:18px}form button{background-image:url("images/search.png");background-position:center;background-repeat:no-repeat;background-size:20px;color:dimgray;cursor:pointer;float:right;width:50px}.search-wrapper{box-sizing:border-box;float:left;margin:0 5px 0 0;position:relative;width:320px;width:calc(100% - 55px)}input{border:0;box-sizing:border-box;font-family:sans-serif;font-size:12px;height:26px;letter-spacing:.1em;line-height:16px;margin:0;padding:6px 24px 6px 6px;width:100%}input:required,input:invalid{box-shadow:none}input:-moz-placeholder,input:focus{box-shadow:none !important}button{background-color:#eee;border:0;float:right;height:26px;margin:0;padding:0}input:focus,button:focus{outline:#888 auto 2px}.style-selectors{position:absolute;right:20px;top:22px;z-index:2}.style-selectors .variation-btn{background:rgba(238,238,238,0.9);border:solid 2px #aaa;color:#aaa;cursor:pointer;font-size:12px;margin-left:-10px;padding:4px 10px 3px;right:0;z-index:2}.style-selectors .variation-btn.selected{color:dimgray;font-weight:bold}.style-selectors .variation-btn:hover{background:rgba(221,221,221,0.9)}#show_hide_zones{background:rgba(238,238,238,0.9);border:solid 2px #aaa;cursor:pointer;height:35px;position:absolute;right:4px;z-index:2;width:35px;bottom:99px}@media screen and (min-width: 700px){#show_hide_zones:hover{background:rgba(221,221,221,0.9)}}#show_hide_zones img{height:25px;left:5px;position:relative;top:5px;width:25px}#show_hide_zones img{opacity:.7}#mylocation{background:rgba(238,238,238,0.9);border:solid 2px #aaa;cursor:pointer;height:35px;position:absolute;right:4px;z-index:2;width:35px;bottom:141px}@media screen and (min-width: 700px){#mylocation:hover{background:rgba(221,221,221,0.9)}}#mylocation img{height:25px;left:5px;position:relative;top:5px;width:25px}#mylocation img{opacity:.8}#zoom_out,#zoom_in{background:rgba(238,238,238,0.9);border:solid 2px #aaa;cursor:pointer;height:35px;position:absolute;right:4px;z-index:2;width:35px}@media screen and (min-width: 700px){#zoom_out:hover,#zoom_in:hover{background:rgba(221,221,221,0.9)}}#zoom_out img,#zoom_in img{height:25px;left:5px;position:relative;top:5px;width:25px}#zoom_out img,#zoom_in img{opacity:.6}#zoom_out#zoom_in,#zoom_in#zoom_in{bottom:57px}#zoom_out#zoom_out,#zoom_in#zoom_out{border-top:solid 2px #aaa;bottom:20px}.app-store{background:url("images/app_store_badge.svg") no-repeat;background-size:contain;bottom:65px;display:block;height:30px;position:absolute;right:50px;width:101px;z-index:100}.mobile-app-links .play-store{bottom:8px;display:block;position:absolute;right:45px;z-index:100}.play-store img{width:140px}.share-link{color:#333;display:inline-block;margin-top:10px;text-decoration:none}.share-link img{color:#333;position:relative;top:2px;width:18px}.mobile-hamburger-menu{display:none}.modal{bottom:0;display:none;left:0;margin:auto;opacity:0;position:absolute;right:0;top:0;transition:opacity 500ms ease;z-index:1050}.modal .modal-content{background:#fff;margin:auto;max-width:575px;position:relative;top:50%;transform:translateY(-50%)}.modal .modal-content a{color:#333}.modal .modal-content p{margin:10px 0 0 0}.modal .modal-content p:first-of-type{margin:0}.modal .modal-content::before{content:''}.modal .modal-body{color:#333;padding:10px;position:relative}.modal .modal-body input{border:solid 1px #888;outline:#888 auto 2px;padding-right:73px}.modal .about-modal-logo{float:left;padding:0 5px 5px 0;width:50px}.modal .copy-url{background:#888;color:#ddd;font-size:16px;height:26px;line-height:26px;position:absolute;right:10px;text-align:center;top:10px;width:70px}.modal .social-media-links{margin-top:20px !important;text-align:center}.modal .social-media-links a{margin-right:5px;text-decoration:none}.modal .social-media-links a:last-child{margin:0}.modal .social-media-links img{height:40px}.modal.show{display:block;opacity:1}.show-mobile-menu .content-wrapper::after,.show-modal .content-wrapper::after{opacity:0.5;visibility:visible}.lnyc-popup--header,.mobile-infowindow .mobile-infowindow--header,.modal .modal-header{background:#eee;font-size:16px;padding:10px 28px 10px 10px}.lnyc-popup--close,.mobile-infowindow .mobile-infowindow--close,.modal .modal-close{background:url("images/cross.svg") no-repeat center;background-size:15px;cursor:pointer;display:block;height:37px;position:absolute;right:0;top:0;width:28px}.lnyc-popup--close:focus,.mobile-infowindow .mobile-infowindow--close:focus,.modal .modal-close:focus{outline:none}.hidden{opacity:.5 !important}.clearfix{clear:both}.no-wrap{white-space:nowrap}.gm-style .gm-iw a:link{display:none}.gm-photos{display:none}